Merge pull request #69 from DenysShchypt/bug/fix-versel

new vercelconfig

client/src/components/App.tsx

@@ -1,5 +1,6 @@
 import { Route, Routes } from 'react-router-dom';
 import { CssBaseline, ThemeProvider } from '@mui/material';
+import { useEffect } from 'react';
 import PrivateRoute from '../utils/router/privateRoute';
 import { ColorModeContext, useMode } from '../theme';
 import LayoutComponent from './Layout';
@@ -10,7 +11,6 @@ import SettingsPage from '../pages/Settings';
 import AuthRootComponent from '../pages/Auth';
 import SingleAssetPage from '../pages/SingleAsset';
 import { useAppDispatch, useAppSelector } from '../utils/hook';
-import { useEffect } from 'react';
 import { logoutUsers } from '../store/thunks/auth';
 
 function App() {

client/src/components/Layout/index.tsx

@@ -1,7 +1,7 @@
 import { FC, useState } from 'react';
 import { Location, Outlet, useLocation } from 'react-router-dom';
-import TopBarComponent from '../TopBar';
 import { useMediaQuery } from '@mui/material';
+import TopBarComponent from '../TopBar';
 import SideBarComponent from '../SideBar';
 import { MainSection, RootBox } from './styles';
 

client/src/components/charts/AreaChart/index.tsx

@@ -10,8 +10,8 @@ import {
   Filler,
   Legend,
 } from 'chart.js';
-import type { ChartData, ChartOptions, ScriptableContext } from 'chart.js';
 import { Line } from 'react-chartjs-2';
+import type { ChartData, ChartOptions, ScriptableContext } from 'chart.js';
 import { IAssetPriceData } from '../../../common/types/assets';
 
 ChartJS.register(

client/vercel.json

@@ -3,5 +3,11 @@
     "env": {
       "NODE_ENV": "production"
     }
-  }
+  },
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/"
+    }
+  ]
 }

client/vite.config.ts

@@ -12,7 +12,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      '@': resolve(__dirname, 'src'),
+      '@emotion/styled': '@emotion/styled',
     },
   },
   define: {
@@ -23,5 +23,8 @@ export default defineConfig({
       external: ['@emotion/react', '@emotion/styled'],
     },
   },
+  optimizeDeps: {
+    include: ['@emotion/styled'],
+  },
 
 });