Format demo pages and bump react-router

Author: santiago-ramos-02

examples/demo/src/app-shell.tsx

@@ -39,10 +39,7 @@ export function AppShell() {
                     />
                   </li>
                   <li>
-                    <NavigationLink
-                      label="Reset form"
-                      to="/basic/reset-form"
-                    />
+                    <NavigationLink label="Reset form" to="/basic/reset-form" />
                   </li>
                 </ul>
               </li>
@@ -53,10 +50,7 @@ export function AppShell() {
                     <NavigationLink label="Saved draft" to="/advanced/draft" />
                   </li>
                   <li>
-                    <NavigationLink
-                      label="Saved list"
-                      to="/advanced/list"
-                    />
+                    <NavigationLink label="Saved list" to="/advanced/list" />
                   </li>
                 </ul>
               </li>

examples/demo/src/pages/advanced-overview-page.tsx

@@ -9,8 +9,8 @@ export function AdvancedOverviewPage() {
           <p className="eyebrow">Advanced examples</p>
           <h2>Use cached pages with larger state.</h2>
           <p>
-            Use these pages when an example has timers, filters, marked rows, long
-            notes, and a scroll position worth keeping.
+            Use these pages when an example has timers, filters, marked rows,
+            long notes, and a scroll position worth keeping.
           </p>
           <div className="button-row">
             <Link className="primary-button" to="/advanced/draft">

examples/demo/src/pages/basic-cached-form-page.tsx

@@ -23,10 +23,7 @@ export function BasicCachedFormPage() {
         <span className="active-badge">Saved page</span>
       </header>
 
-      <section
-        aria-label="Cached form"
-        className="form-panel compact-form"
-      >
+      <section aria-label="Cached form" className="form-panel compact-form">
         <div className="metric-grid">
           <StatusMetric label="Prepared" value={cachedForm.preparedAt} />
           <StatusMetric label="Load id" value={cachedForm.loadId} />

examples/demo/src/pages/basic-reset-form-page.tsx

@@ -22,10 +22,7 @@ export function BasicResetFormPage() {
         <span className="active-badge muted">Resets</span>
       </header>
 
-      <section
-        aria-label="Reset form"
-        className="form-panel compact-form"
-      >
+      <section aria-label="Reset form" className="form-panel compact-form">
         <div className="metric-grid">
           <StatusMetric label="Prepared" value={resetForm.preparedAt} />
           <StatusMetric label="Load id" value={resetForm.loadId} />

examples/demo/src/pages/reset-page.tsx

@@ -28,8 +28,8 @@ export function ResetPage() {
           <p className="eyebrow">Reset page</p>
           <h2>This page resets each time.</h2>
           <p>
-            Use this page as the control check when you want to compare a
-            cached page with a normal reset.
+            Use this page as the control check when you want to compare a cached
+            page with a normal reset.
           </p>
         </div>
         <span className="active-badge muted">Resets</span>
@@ -38,10 +38,7 @@ export function ResetPage() {
       <section aria-label="Reset page form" className="form-panel compact-form">
         <div className="metric-grid">
           <StatusMetric label="Prepared" value={resetPage.preparedAt} />
-          <StatusMetric
-            label="First wait"
-            value={`${resetPage.delayMs}ms`}
-          />
+          <StatusMetric label="First wait" value={`${resetPage.delayMs}ms`} />
           <StatusMetric label="Load id" value={resetPage.loadId} />
           <StatusMetric label="Open time" value={`${seconds}s`} />
         </div>

examples/demo/src/pages/saved-list-page.tsx

@@ -22,8 +22,7 @@ export function SavedListPage() {
   const [visibleSeconds, setVisibleSeconds] = useState(0);
   const normalizedQuery = query.trim().toLowerCase();
   const filteredRecords = savedList.records.filter((record) => {
-    const matchesCategory =
-      category === "All" || record.category === category;
+    const matchesCategory = category === "All" || record.category === category;
     const matchesQuery =
       normalizedQuery.length === 0 ||
       record.name.toLowerCase().includes(normalizedQuery) ||
@@ -63,8 +62,8 @@ export function SavedListPage() {
           <p className="eyebrow">Saved list</p>
           <h2>The filtered list stays ready.</h2>
           <p>
-            Search, filter, mark a row, scroll down, and return to the
-            same working view.
+            Search, filter, mark a row, scroll down, and return to the same
+            working view.
           </p>
         </div>
         <span className="active-badge">Saved list</span>

examples/demo/src/server-functions.ts

@@ -29,7 +29,8 @@ function formatPreparedAt() {
 
 function getAbortReason(signal: AbortSignal) {
   return (
-    signal.reason ?? new DOMException("The operation was aborted.", "AbortError")
+    signal.reason ??
+    new DOMException("The operation was aborted.", "AbortError")
   );
 }
 

package.json

@@ -62,7 +62,7 @@
   "dependencies": {},
   "devDependencies": {
     "@biomejs/biome": "2.4.15",
-    "@tanstack/react-router": "1.170.15",
+    "@tanstack/react-router": "1.170.16",
     "@types/node": "25.9.3",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",

scripts/release.mjs

@@ -85,7 +85,9 @@ function pushRelease(release) {
   run("git", ["push", "origin", "main"]);
   run("git", ["push", "origin", tagName]);
 
-  console.log(`${tagName} pushed. Creating the GitHub Release and verifying npm.`);
+  console.log(
+    `${tagName} pushed. Creating the GitHub Release and verifying npm.`
+  );
 
   createGitHubRelease(tagName);
   watchPublishWorkflow(tagName);