fix: fix pigment vite integration example (#44746)

Co-authored-by: Brijesh Bittu <[email protected]>

Author: brijeshb42

.eslintrc.js

@@ -555,7 +555,7 @@ module.exports = /** @type {Config} */ ({
     },
     {
       // TODO, move rule to be global, propagate: https://github.com/mui/material-ui/issues/42169
-      files: ['examples/pigment-css-remix-ts/**/*'],
+      files: ['examples/material-ui-pigment-css-vite-ts/**/*'],
       rules: {
         'react/react-in-jsx-scope': 'off',
       },

examples/material-ui-pigment-css-vite-ts/package.json

@@ -14,7 +14,10 @@
     "@mui/material-pigment-css": "latest",
     "@pigment-css/react": "latest",
     "react": "latest",
-    "react-dom": "latest"
+    "react-dom": "latest",
+    "react-is": "latest",
+    "prop-types": "latest",
+    "hoist-non-react-statics": "latest"
   },
   "devDependencies": {
     "@pigment-css/vite-plugin": "latest",

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';

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: ['prop-types', 'react-is', 'hoist-non-react-statics'],
+  },
 });