update Typography color prop script and test

mui · Sep 20, 2023 · 12f5d96 · 12f5d96
1 parent bf4d816
commit 12f5d96
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/mui-material/src/Typography/Typography.test.js b/packages/mui-material/src/Typography/Typography.test.js
@@ -122,4 +122,13 @@ describe('<Typography />', () => {
       marginBottom: '16px',
     });
   });
+
+  it('should check for invalid color value', () => {
+    const { container, debug } = render(
+      <Typography variant="h6" color="background">
+        Hello
+      </Typography>,
+    );
+    debug(container);
+  });
 });
diff --git a/packages/mui-system/src/style.js b/packages/mui-system/src/style.js
@@ -39,6 +39,14 @@ export function getStyleValue(themeMapping, transform, propValueFinal, userValue
     value = transform(value, userValue, themeMapping);
   }
 
+  if (typeof value !== 'string' && typeof value !== 'number' && typeof value !== 'boolean') {
+    // Log an error in development mode
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(`Invalid value "${value}" for property "${userValue}"`);
+    }
+    value = userValue;
+  }
+
   return value;
 }