fix

src/ui/LazyLoad.tsx

@@ -4,5 +4,4 @@ const LazyLoad = (props: { lazy: React.ReactNode }) => {
   return <Suspense fallback={<div>Loading...</div>}>{props.lazy}</Suspense>;
 };
 
-export const lazyImport = (module: string) => React.lazy(() => import(module));
 export default LazyLoad;

src/ui/Neos.tsx

-import React from "react";
+import React, { Suspense } from "react";
 import { Routes, Route } from "react-router-dom";
-import LazyLoad, { lazyImport } from "./LazyLoad";
+import LazyLoad from "./LazyLoad";
 
-const Login = lazyImport("./Login");
-const WaitRoom = lazyImport("./WaitRoom");
-const Mora = lazyImport("./Mora");
-const NeosDuel = lazyImport("./Duel/main");
+const Login = React.lazy(() => import("./Login"));
+const WaitRoom = React.lazy(() => import("./WaitRoom"));
+const Mora = React.lazy(() => import("./Mora"));
+const NeosDuel = React.lazy(() => import("./Duel/main"));
 
 export default function () {
   // FIXME: 这里Mora/Duel路由应该由每个房间指定一个路径
@@ -14,15 +14,15 @@ export default function () {
       <Route path="/" element={<LazyLoad lazy={<Login />} />} />
       <Route
         path="/room/:player/:passWd/:ip"
-        element={<LazyLoad lazy={<WaitRoom />} />}
+        element={<Suspense fallback={<div>Loading...</div>}><WaitRoom /></Suspense>}
       />
       <Route
         path="/mora/:player/:passWd/:ip"
-        element={<LazyLoad lazy={<Mora />} />}
+        element={<Suspense fallback={<div>Loading...</div>}><Mora /></Suspense>}
       />
       <Route
         path="/duel/:player/:passWd/:ip"
-        element={<LazyLoad lazy={<NeosDuel />} />}
+        element={<Suspense fallback={<div>Loading...</div>}><NeosDuel /></Suspense>}
       />
     </Routes>
   );