use browseronly

opencomponents · May 4, 2024 · 395c1fe · 395c1fe
1 parent d21aa1d
commit 395c1fe
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -7,19 +7,23 @@ import styles from "./index.module.css";
 import HomepageFeatures from "../components/HomepageFeatures";
 import LogoUrl from "@site/static/img/logo.png";
 import UwuLogoUrl from "@site/static/img/uwulogo.png";
+import BrowserOnly from "@docusaurus/BrowserOnly";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
-  const uwu = window.location.search.includes("uwu");
 
   return (
     <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
-        {uwu ? (
-          <img alt="OC uwu logo" src={UwuLogoUrl} />
-        ) : (
-          <h1 className="hero__title">{siteConfig.title}</h1>
-        )}
+        <BrowserOnly>
+          {() =>
+            window.location.search.includes("uwu") ? (
+              <img alt="OC uwu logo" src={UwuLogoUrl} />
+            ) : (
+              <h1 className="hero__title">{siteConfig.title}</h1>
+            )
+          }
+        </BrowserOnly>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link