fix: build

Author: Angular2Guy

frontend/.gitignore

@@ -68,3 +68,6 @@ yarn-error.log*
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# router
+/.react-router

frontend/app/components/LoginModal.tsx

@@ -15,7 +15,7 @@ import styles from './modal.module.scss';
 import GlobalState from "../GlobalState";
 import { type UserDataState } from "../GlobalState";
 import { useState, type ChangeEventHandler, type FormEvent, type BaseSyntheticEvent } from "react";
-import { Box, TextField, Button, Tab, Tabs, Dialog, DialogContent } from '@mui/material';
+import { TextField, Button, Tab, Tabs, Dialog, DialogContent, styled, Box } from '@mui/material';
 import { useNavigate } from "react-router";
 import { postLogin, postSignin } from "../service/http-client";
 import { type UserResponse } from "../model/user";

frontend/app/react-app-env.d.ts

@@ -18,7 +18,6 @@ import reportWebVitals from './reportWebVitals';
 import { RecoilRoot } from 'recoil';
 import { BrowserRouter, Route, Routes } from 'react-router';
 import Login from './Login';
-import { styled } from '@mui/material/styles';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement

frontend/app/root.tsx

@@ -32,8 +32,8 @@
   },
   "scripts": {
     "build": "react-router build",
-    "dev": "react-router dev",
-    "start": "react-router-serve ./build/server/index.js",
+    "start": "react-router dev",
+    "dev": "react-router-serve ./build/server/index.js",
     "typecheck": "react-router typegen && tsc",
     "prebuild": "rimraf ./build && mkdirp ./build",
     "postbuild": "npm run deploy",

frontend/package-lock.json

@@ -4,14 +4,7 @@ import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
-  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
-   ssr: {
-    // Workaround for resolving dependencies in the server bundle
-    // Without this, the React context will be different between direct import and transitive imports in development environment
-    // For more information, see https://github.com/mui/material-ui/issues/45878#issuecomment-2987441663
-    optimizeDeps: {
-      include: ['@emotion/*', '@mui/*'],
-    },
-    noExternal: ['@emotion/*', '@mui/*'],
-  },
+  plugins: [
+    tailwindcss(), 
+    reactRouter(), tsconfigPaths()],   
 });