vite.config.ts

import { vitePlugin as remix } from "@remix-run/dev";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

declare module "@remix-run/node" {
  interface Future {
    v3_singleFetch: true;
  }
}

export default defineConfig({
  plugins: [
    remix({
      future: {
        v3_fetcherPersist: true,
        v3_relativeSplatPath: true,
        v3_throwAbortReason: true,
        v3_singleFetch: true,
        v3_lazyRouteDiscovery: true,
      },
    }),
    tsconfigPaths(),
  ],
  resolve: {
    alias: [
      {
        find: /^@mui\/icons-material\/(.*)/,
        replacement: "@mui/icons-material/esm/$1",
      }
    ],
  },
  server: {
    warmup: {
      clientFiles: [
        'app/entry.client.tsx',
        'app/root.tsx',
        'app/routes/**/*.tsx',
      ]
    }
  },
  optimizeDeps: {
    include: ["@mui/material", "@mui/icons-material", "@emotion/react", "@emotion/styled"],
    force: true,
  },
});