diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0b04c5f..2f94082 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -26,6 +26,7 @@ import "./index.module.css";
 import { PlayArrowOutlined } from "@mui/icons-material";
 import { useTitleBar } from "../components/useTitleBar";
 import { useSm } from "../components/useSm";
+import BrowserOnly from "@docusaurus/BrowserOnly";
 
 function Content() {
   const sm = useSm();
@@ -55,7 +56,7 @@ function Content() {
             }),
         }}
       >
-        <AppBar />
+        <BrowserOnly>{() => <AppBar />}</BrowserOnly>
         <Box>
           <Box
             sx={{