From 80985cbd853e7a91ec347af5428209606059901f Mon Sep 17 00:00:00 2001
From: Brijesh Bittu <brijesh42@gmail.com>
Date: Thu, 12 Dec 2024 13:49:50 +0530
Subject: [PATCH] fix: fix pigment vite integration example

---
 .eslintrc.js                                            | 2 +-
 examples/material-ui-pigment-css-vite-ts/package.json   | 5 ++++-
 examples/material-ui-pigment-css-vite-ts/src/App.tsx    | 1 -
 examples/material-ui-pigment-css-vite-ts/vite.config.ts | 3 +++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8013a800d57d97..5a8d12d7ca1c88 100644
--- a/.eslintrc.js
+++ b/.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',
       },
diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json
index fe853d4f5d03a3..afd56168b8945a 100644
--- a/examples/material-ui-pigment-css-vite-ts/package.json
+++ b/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",
diff --git a/examples/material-ui-pigment-css-vite-ts/src/App.tsx b/examples/material-ui-pigment-css-vite-ts/src/App.tsx
index 40b32cb29fb943..de2690d167da89 100644
--- 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
index 46ea057cca64dc..72414fbe1f06e9 100644
--- 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: ['prop-types', 'react-is', 'hoist-non-react-statics'],
+  },
 });