index: Accordion is BrowserOnly

Signed-off-by: Raphiel Rollerscaperers <[email protected]>
hentaiOS-Infrastructure · Jun 17, 2024 · 4d563e3 · 4d563e3
1 parent 8bbe152
commit 4d563e3
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Layout from '@theme/Layout';
+import BrowserOnly from '@docusaurus/BrowserOnly';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Accordian from "../components/Accordian/Accordian";
@@ -11,11 +12,15 @@ export default function Home() {
       title={`Hello from ${siteConfig.title}`}
       description="Description will go into a meta tag in <head />">
       <main>
-        <Router>
-          <Routes>
-            <Route path="/" component={Accordian} />
-          </Routes>
-        </Router>
+        <BrowserOnly fallback={<div>Loading...</div>}>
+          {() => (
+            <Router>
+              <Routes>
+                <Route path="/" element={<Accordian />} />
+              </Routes>
+            </Router>
+          )}
+        </BrowserOnly>
       </main>
     </Layout>
   );