update vercel

src/app/App.tsx

@@ -1,4 +1,4 @@
-import React, { memo, Suspense, useEffect } from 'react';
+import React, { memo, useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { classNames } from '@/shared/lib/classNames/classNames';
 import { useTheme } from '@/shared/lib/hooks/useTheme/useTheme';
@@ -28,14 +28,12 @@ const App = memo(() => {
 
     return (
         <div id="app" className={classNames('app', {}, [theme])}>
-            <Suspense fallback="">
-                <MainLayout
-                    header={<Navbar />}
-                    content={<AppRouter />}
-                    sidebar={<Sidebar />}
-                    toolbar={toolbar}
-                />
-            </Suspense>
+            <MainLayout
+                header={<Navbar />}
+                content={<AppRouter />}
+                sidebar={<Sidebar />}
+                toolbar={toolbar}
+            />
         </div>
     );
 });

src/app/providers/router/ui/AppRouter.tsx

@@ -1,15 +1,12 @@
 import React, { memo, Suspense, useCallback } from 'react';
 import { Route, Routes } from 'react-router-dom';
-import { PageLoader } from '@/widgets/PageLoader';
 import { RequireAuth } from '../ui/RequireAuth';
 import { routeConfig } from '../config/routeConfig';
 import { AppRoutesProps } from '@/shared/types/router';
 
 const AppRouter = () => {
     const renderWithWrapper = useCallback((route: AppRoutesProps) => {
-        const element = (
-            <Suspense fallback={<PageLoader />}>{route.element}</Suspense>
-        );
+        const element = <Suspense fallback="">{route.element}</Suspense>;
 
         return (
             <Route

src/shared/ui/redesigned/Popups/ui/ListBox/ListBox.module.scss

@@ -21,4 +21,4 @@
 .active {
     background-color: var(--color-bg-default);
     color: var(--color-text-inverted);
-}
+}

vercel.json

@@ -14,5 +14,8 @@
       "src": "/(.*)",
       "dest": "build/index.html"
     }
+  ],
+  "rewrites": [
+    { "source": "/(.*)", "destination": "/" }
   ]
 }