fix: ssr

client/src/pages/_app.tsx

@@ -49,6 +49,7 @@ function App({ Component, pageProps }: AppProps) {
         />
         />
         <link rel="icon" href="/favicon.ico" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
       </Head>
+      <Script src="/js/particles.js" strategy="lazyOnload"></Script>
       <Script src="/js/qrcode.min.js" strategy="afterInteractive"></Script>
       <Script src="/js/qrcode.min.js" strategy="afterInteractive"></Script>
       <Script src="/js/pdf.js" strategy="afterInteractive"></Script>
       <Script src="/js/pdf.js" strategy="afterInteractive"></Script>
       <Script src="/js/html2pdf.bundle.min.js" strategy="afterInteractive"></Script>
       <Script src="/js/html2pdf.bundle.min.js" strategy="afterInteractive"></Script>
@@ -65,7 +66,6 @@ function App({ Component, pageProps }: AppProps) {
           ></Script>
           ></Script>
         </>
         </>
       )}
       )}
-      <Script src="/js/particles.js"></Script>
       <QueryClientProvider client={queryClient}>
       <QueryClientProvider client={queryClient}>
         <ChakraProvider theme={theme}>
         <ChakraProvider theme={theme}>
           <ColorModeScript initialColorMode={theme.config.initialColorMode} />
           <ColorModeScript initialColorMode={theme.config.initialColorMode} />

client/src/pages/model/index.tsx

@@ -10,7 +10,7 @@ import SideBar from '@/components/SideBar';
 
 
 const ModelDetail = dynamic(() => import('./components/detail/index'), {
 const ModelDetail = dynamic(() => import('./components/detail/index'), {
   loading: () => <Loading fixed={false} />,
   loading: () => <Loading fixed={false} />,
-  ssr: true
+  ssr: false
 });
 });
 
 
 const Model = ({ modelId }: { modelId: string }) => {
 const Model = ({ modelId }: { modelId: string }) => {