Merge pull request #10465 from marmelab/fix-tutorial-multiple-mui-packages

Fix tutorial has multiple conflicting MUI packages

Author: slax57

examples/tutorial/vite.config.ts

@@ -1,7 +1,28 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [react()],
+    resolve: {
+        preserveSymlinks: true,
+        alias: [
+            // The 2 next aliases are needed to avoid having multiple MUI instances
+            {
+                find: '@mui/material',
+                replacement: path.resolve(
+                    __dirname,
+                    'node_modules/@mui/material'
+                ),
+            },
+            {
+                find: '@mui/icons-material',
+                replacement: path.resolve(
+                    __dirname,
+                    'node_modules/@mui/icons-material'
+                ),
+            },
+        ],
+    },
 });