added in docs

Author: jderochervlk

app/root.jsx

@@ -1,4 +1,4 @@
-import { isRouteErrorResponse, Outlet, Scripts, useNavigate } from "react-router";
+import { Outlet, Scripts } from "react-router";
 import { make as Navigation } from "../src/components/Navigation.mjs";
 import "../styles/_hljs.css";
 import "../styles/main.css";
@@ -42,31 +42,4 @@ 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>;
-  }
 }

app/routes.mjs

@@ -1,7 +1,9 @@
-import { index } from "@react-router/dev/routes";
+import { index, route } from "@react-router/dev/routes";
 import { routes } from 'react-router-mdx/server';
 
 export default [
     index("./routes/LandingPageRoute.jsx"),
+    route("syntax-lookup", "./routes/SyntaxLookupRoute.jsx"),
     ...routes("./routes/mdx.jsx"),
+    // TODO: playground, blog, community, 
 ]

app/routes/SyntaxLookupRoute.jsx

@@ -0,0 +1,4 @@
+export default function SyntaxLookup(props) {
+    // TODO: add syntax lookup
+    return <div>Syntax</div>
+}

app/routes/mdx.jsx

@@ -1,11 +1,8 @@
 import { useMdxAttributes, useMdxComponent } from 'react-router-mdx/client'
 import { loadMdx } from 'react-router-mdx/server'
 
-export async function loader({ request, ...rest }) {
-    const res = loadMdx(request)
-    console.log(await res)
-    console.log(rest)
-    return res
+export async function loader({ request }) {
+    return loadMdx(request)
 }
 
 export default function Route() {