diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index eb2a81031..490509e33 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -1,6 +1,5 @@
 import { Footer } from '@/components/layout/Footer';
 import { Header } from '@/components/layout/Header';
-import nextDynamic from 'next/dynamic';
 import JsonLd from '@/components/JsonLd';
 import SkipLink from '@/components/SkipLink';
 import AnalyticsShell from '@/components/analytics/AnalyticsShell';
@@ -18,8 +17,8 @@ import { cookies } from 'next/headers';
 
 import { TransitionProvider } from '@/components/providers/TransitionProvider';
 
-const InitialLoader = nextDynamic(() => import('@/components/providers/InitialLoader').then(mod => mod.InitialLoader), { ssr: false });
-const MobileBottomNav = nextDynamic(() => import('@/components/layout/MobileBottomNav').then(mod => mod.MobileBottomNav), { ssr: false });
+import { DynamicInitialLoader as InitialLoader } from '@/components/providers/DynamicInitialLoader';
+import { DynamicMobileBottomNav as MobileBottomNav } from '@/components/layout/DynamicMobileBottomNav';
 
 import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
 import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter';
diff --git a/components/layout/DynamicMobileBottomNav.tsx b/components/layout/DynamicMobileBottomNav.tsx
new file mode 100644
index 000000000..e4cab8ba0
--- /dev/null
+++ b/components/layout/DynamicMobileBottomNav.tsx
@@ -0,0 +1,7 @@
+'use client';
+import dynamic from 'next/dynamic';
+
+export const DynamicMobileBottomNav = dynamic(
+  () => import('./MobileBottomNav').then(mod => mod.MobileBottomNav),
+  { ssr: false }
+);
diff --git a/components/providers/DynamicInitialLoader.tsx b/components/providers/DynamicInitialLoader.tsx
new file mode 100644
index 000000000..bbb9f9dff
--- /dev/null
+++ b/components/providers/DynamicInitialLoader.tsx
@@ -0,0 +1,7 @@
+'use client';
+import dynamic from 'next/dynamic';
+
+export const DynamicInitialLoader = dynamic(
+  () => import('./InitialLoader').then(mod => mod.InitialLoader),
+  { ssr: false }
+);