diff --git a/src/theme/logo.tsx b/src/theme/logo.tsx
index faa5e68..cd8a1d5 100644
--- a/src/theme/logo.tsx
+++ b/src/theme/logo.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 import ChainGPT from '@site/src/theme/ChainGPT';
+import BrowserOnly from "@docusaurus/BrowserOnly";
 
 /**
  * Reference: https://docusaurus.io/docs/markdown-features/assets#themed-images
@@ -16,11 +17,13 @@ export default function Logo(): JSX.Element {
           dark: useBaseUrl("/img/Logo.aelf.white.svg"),
         }}
       />
-      {!window.location.host.includes("aelf.com") && (
-        <div>
-          <ChainGPT />
-        </div>
-      )}
+      <BrowserOnly>
+        {() => (
+          <div>
+            {!window.location.host.includes("aelf.com") ? <ChainGPT /> : null}
+          </div>
+        )}
+      </BrowserOnly>
     </>
   );
 }