fix: build crashes on non-suspense

Author: barelyhuman

package.json

@@ -10,9 +10,7 @@
   },
   "dependencies": {
     "preact": "^10.25.3",
-    "preact-async-route": "^2.2.1",
-    "preact-iso": "^2.8.1",
-    "preact-router": "^4.1.2"
+    "preact-iso": "^2.8.1"
   },
   "devDependencies": {
     "@mdx-js/mdx": "^3.1.0",

pnpm-lock.yaml

@@ -1,11 +1,17 @@
+import { lazy } from "preact-iso";
 import { sideBar } from "../content/data";
 import BaseLayout from "../layouts/base";
+import { Suspense } from "preact/compat";
 
 const AllContent = () =>
   Object.keys(sideBar).map((d, i) => {
-    const Component = sideBar[d]?.source || (() => <></>);
+    const Component = sideBar[d].source;
     const classList = i > 0 ? "mt-12 pt-12" : "";
-    return <Component class={classList} />;
+    return (
+      <Suspense fallback={<div>Loading...</div>}>
+        <Component class={classList} />
+      </Suspense>
+    );
   });
 
 export default function HomePage() {