From b078a3150f5472bf925ad83e6667f41697d7c922 Mon Sep 17 00:00:00 2001
From: ae_atrofimov <anton.trofimov-ext@consensys.net>
Date: Mon, 23 Sep 2024 17:16:59 +0200
Subject: [PATCH] fix(docs): fix for preview links

---
 src/theme/Root.tsx | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/theme/Root.tsx b/src/theme/Root.tsx
index 21c4e3037e5..695c84be13b 100644
--- 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>
   );
 }
\ No newline at end of file