[system] Fix duplicated styles in Box

mui · Aug 3, 2022 · c0e3aa9 · c0e3aa9
1 parent 35072a2
commit c0e3aa9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/mui-system/src/createBox.js b/packages/mui-system/src/createBox.js
@@ -11,7 +11,10 @@ export default function createBox(options = {}) {
     generateClassName,
     styleFunctionSx = defaultStyleFunctionSx,
   } = options;
-  const BoxRoot = styled('div')(styleFunctionSx);
+  const BoxRoot = styled('div', {
+    shouldForwardProp: (prop) =>
+      prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as',
+  })(styleFunctionSx);
 
   const Box = React.forwardRef(function Box(inProps, ref) {
     const theme = useTheme(defaultTheme);