fix: resolve styles on dynamic elements (diegomura#2629)

* fix: resolve styles on dynamic elements

* chore: add changeset

Author: diegomura

.changeset/seven-bottles-wave.md

@@ -0,0 +1,5 @@
+---
+"@react-pdf/layout": patch
+---
+
+fix: resolve styles on dynamic elements

packages/layout/src/steps/resolvePagination.js

@@ -16,6 +16,7 @@ import shouldNodeBreak from '../node/shouldBreak';
 import resolveTextLayout from './resolveTextLayout';
 import resolveInheritance from './resolveInheritance';
 import { resolvePageDimensions } from './resolveDimensions';
+import { resolvePageStyles } from './resolveStyles';
 
 const isText = (node) => node.type === P.Text;
 
@@ -33,8 +34,9 @@ const isDynamic = (node) => !isNil(node.props?.render);
 
 const relayoutPage = compose(
   resolveTextLayout,
-  resolveInheritance,
   resolvePageDimensions,
+  resolveInheritance,
+  resolvePageStyles,
 );
 
 const warnUnavailableSpace = (node) => {

packages/layout/src/steps/resolveStyles.js

@@ -55,7 +55,7 @@ const resolveNodeStyles = (container) => (node) => {
  * @param {Object} page document page
  * @returns {Object} document page with resolved styles
  */
-const resolvePageStyles = (page) => {
+export const resolvePageStyles = (page) => {
   const dpi = page.props?.dpi || 72;
   const width = page.box?.width || page.style.width;
   const height = page.box?.height || page.style.height;