[examples] Fix Pigment CSS with Vite

Originally fixed here mui/pigment-css#300
mui · Nov 21, 2024 · 80ea4f3 · 80ea4f3
1 parent 4bed60a
commit 80ea4f3
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/.eslintignore b/.eslintignore
@@ -7,6 +7,7 @@
 /examples/material-ui-preact/config
 /examples/material-ui-preact/scripts
 /examples/material-ui-nextjs/src
+/examples/material-ui-pigment-css-vite-ts/src
 /packages/mui-codemod/lib
 /packages/mui-codemod/src/*/*.test/*
 /packages/mui-codemod/src/**/test-cases/*

diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@mui/material": "latest",
     "@mui/material-pigment-css": "latest",
+    "prop-types": "latest",
     "react": "latest",
     "react-dom": "latest"
   },

diff --git a/examples/material-ui-pigment-css-vite-ts/src/App.tsx b/examples/material-ui-pigment-css-vite-ts/src/App.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import DefaultPropsProvider from '@mui/material/DefaultPropsProvider';
 import CssBaseline from '@mui/material/CssBaseline';
 import Container from '@mui/material-pigment-css/Container';

diff --git a/examples/material-ui-pigment-css-vite-ts/vite.config.ts b/examples/material-ui-pigment-css-vite-ts/vite.config.ts
@@ -14,4 +14,7 @@ const pigmentConfig = {
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), pigment(pigmentConfig)],
+  optimizeDeps: {
+    include: ['react-is', 'prop-types'],
+  },
 });