Fix demo build

Author: djhi

Diff for: examples/demo/src/layout/Layout.tsx

@@ -9,6 +9,7 @@ export default ({ children }: { children: React.ReactNode }) => (
         menu={Menu}
         sx={{
             backgroundColor: theme =>
+                // @ts-expect-error TS mixes up the Theme type from all the different versions of MUI in the monorepo
                 (theme.vars || theme).palette.background.default,
         }}
     >

Diff for: examples/demo/vite.config.ts

@@ -7,33 +7,37 @@ import preserveDirectives from 'rollup-preserve-directives';
 
 // https://vitejs.dev/config/
 export default defineConfig(async ({ mode }) => {
-    const packages = fs.readdirSync(path.resolve(__dirname, '../../packages'));
-    const aliases: Record<string, string> = {
-        'data-generator-retail': path.resolve(
-            __dirname,
-            '../data-generator/src'
-        ),
-    };
-    for (const dirName of packages) {
-        if (dirName === 'create-react-admin') continue;
-        const packageJson = JSON.parse(
-            fs.readFileSync(
-                path.resolve(
-                    __dirname,
-                    '../../packages',
-                    dirName,
-                    'package.json'
-                ),
-                'utf8'
-            )
-        );
-        aliases[packageJson.name] = path.resolve(
-            __dirname,
-            `../../packages/${packageJson.name}/src`
+    let aliases: Record<string, string> = {};
+    if (fs.existsSync(path.resolve(__dirname, '../../packages'))) {
+        const packages = fs.readdirSync(
+            path.resolve(__dirname, '../../packages')
         );
+        aliases = {
+            'data-generator-retail': path.resolve(
+                __dirname,
+                '../data-generator/src'
+            ),
+        };
+        for (const dirName of packages) {
+            if (dirName === 'create-react-admin') continue;
+            const packageJson = JSON.parse(
+                fs.readFileSync(
+                    path.resolve(
+                        __dirname,
+                        '../../packages',
+                        dirName,
+                        'package.json'
+                    ),
+                    'utf8'
+                )
+            );
+            aliases[packageJson.name] = path.resolve(
+                __dirname,
+                `../../packages/${packageJson.name}/src`
+            );
+        }
     }
 
-    console.log(path.resolve(__dirname, 'node_modules/@mui/$1/esm/$2'));
     return {
         plugins: [
             react(),