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'