From b6a1a19780b9a80ff3dc30dc442d36b76ac021a7 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Thu, 1 Jun 2023 15:04:40 +0330
Subject: [PATCH] fix: render hero model only in browser

---
 .../client/components/mdx/HeroModel/index.tsx  | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/index.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/index.tsx
index a00657a..7da17d1 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/index.tsx
@@ -1 +1,17 @@
-export * from './HeroModel'
+import BrowserOnly from '@docusaurus/BrowserOnly'
+import React from 'react'
+import { HeroModelProps } from './HeroModel'
+
+export const HeroModel: React.FC<HeroModelProps> = (props) => {
+  return (
+    <BrowserOnly>
+      {() => {
+        const { HeroModel: Model } = require('./HeroModel')
+
+        return <Model {...props}></Model>
+      }}
+    </BrowserOnly>
+  )
+}
+
+export type { HeroModelProps } from './HeroModel'