rescript-lang
diff --git a/‎app/root.jsx‎
Lines changed: 29 additions & 1 deletion b/‎app/root.jsx‎
Lines changed: 29 additions & 1 deletion
diff --git a/‎app/routes.mjs‎
Lines changed: 1 addition & 1 deletion b/‎app/routes.mjs‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎app/routes/$.jsx‎
Lines changed: 13 additions & 0 deletions b/‎app/routes/$.jsx‎
Lines changed: 13 additions & 0 deletions
@@ -1,4 +1,4 @@
-import { Outlet, Scripts } from "react-router";
+import { isRouteErrorResponse, Outlet, Scripts, useNavigate } from "react-router";
 import { make as Navigation } from "../src/components/Navigation.mjs";
 import "../styles/_hljs.css";
 import "../styles/main.css";
@@ -25,6 +25,7 @@ hljs.registerLanguage('html', html)
 hljs.registerLanguage('diff', diff)
 
 
+
 export default function App() {
   return (
     <html>
@@ -41,4 +42,31 @@ export default function App() {
       </body>
     </html>
   );
+}
+
+export function ErrorBoundary({
+  error,
+}) {
+  const navigate = useNavigate()
+  if (isRouteErrorResponse(error)) {
+    return (
+      <>
+        <h1>
+          {error.status} {error.statusText}
+        </h1>
+        <p>{error.data}</p>
+      </>
+    );
+  } else if (error instanceof Error) {
+    return (
+      <div>
+        <h1>Error</h1>
+        <p>{error.message}</p>
+        <p>The stack trace is:</p>
+        <pre>{error.stack}</pre>
+      </div>
+    );
+  } else {
+    return <h1>Unknown Error</h1>;
+  }
 }
@@ -3,5 +3,5 @@ import { routes } from 'react-router-mdx/server';
 
 export default [
     index("./routes/LandingPageRoute.jsx"),
-    ...routes("./routes/mdx.jsx")
+    ...routes("./routes/mdx.jsx"),
 ]
@@ -0,0 +1,13 @@
+export const loader = () => {
+    console.log("Loading $ route");
+    return {}
+}
+
+export default function $Route() {
+    return (
+        <div>
+            <h1>$ Route</h1>
+            <p>This is a placeholder for the $ route.</p>
+        </div>
+    );
+}
Original file line number	Diff line number	Diff line change
`@@ -3,5 +3,5 @@ import { routes } from 'react-router-mdx/server';`
`3`	`3`
`4`	`4`	`export default [`
`5`	`5`	`index("./routes/LandingPageRoute.jsx"),`
`6`		`- ...routes("./routes/mdx.jsx")`
	`6`	`+ ...routes("./routes/mdx.jsx"),`
`7`	`7`	`]`