[system] Use the CustomSystemProps interface in Box Props

mui · Dec 23, 2022 · 499576b · 499576b
1 parent 94bc99f
commit 499576b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/mui-system/src/Box/Box.d.ts b/packages/mui-system/src/Box/Box.d.ts
@@ -168,7 +168,7 @@ export type SystemProps<Theme extends object = {}> = {
   [K in StandardSystemKeys]?:
     | ResponsiveStyleValue<AllSystemCSSProperties[K]>
     | ((theme: Theme) => ResponsiveStyleValue<AllSystemCSSProperties[K]>);
-};
+} & CustomSystemProps;
 
 export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
   props: P &

diff --git a/packages/mui-system/src/Box/Box.spec.tsx b/packages/mui-system/src/Box/Box.spec.tsx
@@ -10,6 +10,16 @@ function Test(props: TestProps) {
   return <span {...other}>{test}</span>;
 }
 
+declare module './Box' {
+  interface CustomSystemProps {
+    customProp?: 'customValue';
+  }
+}
+
+function CustomSystemPropsTest() {
+  <Box customProp="customValue" />;
+}
+
 function ResponsiveTest() {
   <Box sx={{ p: [2, 3, 4] }} />;
   <Box sx={{ p: { xs: 2, sm: 3, md: 4 } }} />;