fix home page

wolanx · wolanx · commit 2249867514be · 2023-07-27T22:44:40.000+08:00
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -2,21 +2,22 @@ import React, { useRef } from 'react'
 import clsx from 'clsx'
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
 import Layout from '@theme/Layout'
-import ReactOnnx, { useOnnx } from '@wolanx/react-netron'
 
 import styles from './index.module.css'
+import BrowserOnly from '@docusaurus/BrowserOnly'
+
+function MyHome () {
+    const mod = require('@wolanx/react-netron')
+    const ReactOnnx = mod.default
+    const useOnnx = mod.useOnnx
 
-export default function Home () {
     const { siteConfig } = useDocusaurusContext()
 
     // https://github.com/onnx/models/blob/main/vision/classification/mnist/model/mnist-12.onnx
     const file = useOnnx('./model/demo.onnx')
     const ref = useRef(null)
-
     return (
-        <Layout
-            title={`Hello from ${siteConfig.title}`}
-            description="Description will go into a meta tag in <head />">
+        <>
             <header className={clsx('hero hero--primary', styles.heroBanner)}>
                 <div className="container">
                     <h1 className="hero__title">{siteConfig.title}</h1>
@@ -29,6 +30,20 @@ export default function Home () {
             <main>
                 <ReactOnnx ref={ref} width={'100%'} height={600} file={file}/>
             </main>
+        </>
+    )
+}
+
+export default function Home () {
+    const { siteConfig } = useDocusaurusContext()
+
+    return (
+        <Layout
+            title={`Hello from ${siteConfig.title}`}
+            description="Description will go into a meta tag in <head />">
+            <BrowserOnly fallback={<div>Loading...</div>}>
+                {MyHome}
+            </BrowserOnly>
         </Layout>
     )
 }
