Bug fix: className passed to PageLayout twice (#5816)

langermank · web-flow · commit 59e62c1b190a · 2025-03-24T19:54:30.000Z
diff --git a/.changeset/metal-carrots-compare.md b/.changeset/metal-carrots-compare.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bug fix: `className` passed to PageLayout twice
diff --git a/packages/react/src/PageLayout/PageLayout.tsx b/packages/react/src/PageLayout/PageLayout.tsx
@@ -117,7 +117,7 @@ const Root: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({
 
   const contentStylingProps = enabled
     ? {
-        className: clsx(classes.PageLayoutContent, className),
+        className: clsx(classes.PageLayoutContent),
       }
     : {
         sx: {display: 'flex', flex: '1 1 100%', flexWrap: 'wrap', maxWidth: '100%'},

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/react": patch
 +---
++
 +Bug fix: `className` passed to PageLayout twice
Original file line number	Diff line number	Diff line change
`@@ -117,7 +117,7 @@ const Root: React.FC<React.PropsWithChildren<PageLayoutProps>> = ({`
`117`	`117`
`118`	`118`	`const contentStylingProps = enabled`
`119`	`119`	`? {`
`120`		`- className: clsx(classes.PageLayoutContent, className),`
	`120`	`+ className: clsx(classes.PageLayoutContent),`
`121`	`121`	`}`
`122`	`122`	`: {`
`123`	`123`	`sx: {display: 'flex', flex: '1 1 100%', flexWrap: 'wrap', maxWidth: '100%'},`