Moved to next js ssr

components/pages/BuildingPageClient.tsx

@@ -0,0 +1,16 @@
+'use client';
+import dynamic from 'next/dynamic';
+import { Box, LinearProgress } from '@mui/material';
+
+const BuildingPageLegacy = dynamic(() => import('@/src/legacy-pages/BuildingPage'), {
+    ssr: false,
+    loading: () => (
+        <Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
+            <LinearProgress sx={{ width: '200px' }} />
+        </Box>
+    ),
+});
+
+export default function BuildingPageClient() {
+    return <BuildingPageLegacy />;
+}

components/pages/ModPageClient.tsx

@@ -0,0 +1,16 @@
+'use client';
+import dynamic from 'next/dynamic';
+import { Box, LinearProgress } from '@mui/material';
+
+const ModPageLegacy = dynamic(() => import('@/src/legacy-pages/ModPage'), {
+    ssr: false,
+    loading: () => (
+        <Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
+            <LinearProgress sx={{ width: '200px' }} />
+        </Box>
+    ),
+});
+
+export default function ModPageClient() {
+    return <ModPageLegacy />;
+}

components/pages/ModsPageClient.tsx

@@ -0,0 +1,14 @@
+'use client';
+import dynamic from 'next/dynamic';
+import { Box, LinearProgress } from '@mui/material';
+import { IMod } from '@/src/types/Imod';
+
+const ModsPageLegacy = dynamic(() => import('@/src/legacy-pages/ModsPage'));
+
+interface ModsPageClientProps {
+    initialMods: IMod[];
+}
+
+export default function ModsPageClient({ initialMods }: ModsPageClientProps) {
+    return <ModsPageLegacy initialMods={initialMods} />;
+}

components/pages/RacePageClient.tsx

@@ -0,0 +1,16 @@
+'use client';
+import dynamic from 'next/dynamic';
+import { Box, LinearProgress } from '@mui/material';
+
+const RacePageLegacy = dynamic(() => import('@/src/legacy-pages/RacePageFast'), {
+    ssr: false,
+    loading: () => (
+        <Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
+            <LinearProgress sx={{ width: '200px' }} />
+        </Box>
+    ),
+});
+
+export default function RacePageClient() {
+    return <RacePageLegacy />;
+}

components/pages/UnitPageClient.tsx

@@ -0,0 +1,16 @@
+'use client';
+import dynamic from 'next/dynamic';
+import { Box, LinearProgress } from '@mui/material';
+
+const UnitPageLegacy = dynamic(() => import('@/src/legacy-pages/UnitPage'), {
+    ssr: false,
+    loading: () => (
+        <Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
+            <LinearProgress sx={{ width: '200px' }} />
+        </Box>
+    ),
+});
+
+export default function UnitPageClient() {
+    return <UnitPageLegacy />;
+}