fix(docs): fix for preview links

MetaMask · Sep 23, 2024 · b078a31 · b078a31
1 parent d530e15
commit b078a31
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/src/theme/Root.tsx b/src/theme/Root.tsx
@@ -1,12 +1,12 @@
 import React, { useEffect, useState, createContext, ReactChild } from "react";
 import { MetaMaskSDK } from "@metamask/sdk";
-import BrowserOnly from "@docusaurus/BrowserOnly";
 
 export const MetamaskProviderContext = createContext(null);
 
 export default function Root({ children }: { children: ReactChild}) {
   const [metaMaskProvider, setMetaMaskProvider] = useState(undefined);
   const [metaMaskAccount, setMetaMaskAccount] = useState(undefined);
+  const [isClient, setIsClient] = useState(false);
   const sdk = new MetaMaskSDK({
     dappMetadata: {
       name: "Reference pages",
@@ -39,19 +39,21 @@ export default function Root({ children }: { children: ReactChild}) {
     }
   }
 
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  if (!isClient) {
+    return null;
+  }
+
   return (
-    <BrowserOnly>
-      {
-        () => (
-          <MetamaskProviderContext.Provider value={{
-            metaMaskProvider,
-            metaMaskAccount,
-            metaMaskConnectHandler
-          }}>
-            {children}
-          </MetamaskProviderContext.Provider>
-        )
-      }
-    </BrowserOnly>
+    <MetamaskProviderContext.Provider value={{
+      metaMaskProvider,
+      metaMaskAccount,
+      metaMaskConnectHandler
+    }}>
+      {children}
+    </MetamaskProviderContext.Provider>
   );
 }