fix eruda dynamic import

RamRamez · RamRamez · commit dc3c195aa30f · 2025-05-17T00:01:58.000+03:30
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,10 +1,10 @@
-import type { Metadata } from "next";
-import "./globals.css";
 import MiniKitProvider from "@/components/minikit-provider";
-import dynamic from "next/dynamic";
+import { ReactQueryClientProvider } from "@/components/react-query-client-provider";
 import { AuthProvider } from "@/context/AuthContext";
 import { FetchPatchProvider } from "@/lib/FetchPatchProvider";
-import { ReactQueryClientProvider } from "@/components/react-query-client-provider";
+import type { Metadata } from "next";
+import ErudaWrapper from "../components/ErudaWrapper";
+import "./globals.css";
 
 export const metadata: Metadata = {
   title: "WorldView - Voting App",
@@ -16,25 +16,19 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const ErudaProvider = dynamic(
-    () => import("../components/Eruda").then((c) => c.ErudaProvider),
-    {
-      ssr: false,
-    }
-  );
   return (
     <html lang="en">
       <body>
-        <ErudaProvider>
-          <MiniKitProvider>
-            <AuthProvider>
-              <ReactQueryClientProvider>
-                <FetchPatchProvider />
-                {children}
-              </ReactQueryClientProvider>
-            </AuthProvider>
-          </MiniKitProvider>
-        </ErudaProvider>
+        <ErudaWrapper>
+            <MiniKitProvider>
+              <AuthProvider>
+                <ReactQueryClientProvider>
+                  <FetchPatchProvider />
+                  {children}
+                </ReactQueryClientProvider>
+              </AuthProvider>
+            </MiniKitProvider>
+        </ErudaWrapper>
       </body>
     </html>
   );
diff --git a/components/ErudaWrapper.tsx b/components/ErudaWrapper.tsx
@@ -0,0 +1,14 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+const ErudaProvider = dynamic(
+  () => import("./Eruda").then((c) => c.ErudaProvider),
+  {
+    ssr: false,
+  }
+);
+
+export default function ErudaWrapper({ children }: { children: React.ReactNode }) {
+  return <ErudaProvider>{children}</ErudaProvider>;
+} 
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "@worldcoin/minikit-js": "1.9.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "eruda": "^3.2.3",
+    "eruda": "^3.4.1",
     "jwt-decode": "^4.0.0",
     "next": "^15.3.2",
     "react": "^19.1.0",
diff --git a/yarn.lock b/yarn.lock
@@ -1144,7 +1144,7 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-eruda@^3.2.3:
+eruda@^3.4.1:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/eruda/-/eruda-3.4.1.tgz#5ff04fa2c55c3a5f4998e48c952adb759307b53f"
   integrity sha512-RmaO5yD97URY/9Q0lye3cmmNPoXNKreeePIw7c/zllbscR92CjGFZFuQ70+0fLIvLcKW3Xha8DS8NFhmeNbEBQ==
