Include react-router.config.ts

Author: Jamesllllllllll

package.json

@@ -9,7 +9,7 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "typecheck": "react-router typegen && tsc",
-    "format": "prettier --write './**/*.{js,jsx,ts,tsx}'"
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx,md}'"
   },
   "dependencies": {
     "@react-router/node": "^7.1.1",

src/pages/about.tsx

@@ -12,6 +12,7 @@ export async function clientLoader() {
 
   return {
     title: "About page",
+    data
   };
 }
 
@@ -24,6 +25,8 @@ export default function Component({ loaderData }: { loaderData: LoaderData }) {
     <>
       <h1 className="mb-6">{loaderData.title}</h1>
       <Link to="/">Home</Link>
+      <p className="mt-6">Loaded data:</p>
+      <pre className="bg-[black] rounded-xl border border-secondary p-6 mt-3">{JSON.stringify(loaderData, null, 2)}</pre>
     </>
   );
 }

tsconfig.app.json

@@ -25,5 +25,5 @@
     "rootDirs": [".", "./.react-router/types"],
     "verbatimModuleSyntax": true
   },
-  "include": ["src", ".react-router/types/**/*"]
+  "include": ["src", ".react-router/types/**/*", "react-router.config.ts"]
 }