enable structural sharing by default in react (#26)

also added `scrollRestoration` and `defaultPreload` options so all templates use the same props
TanStack · Feb 25, 2025 · 1413389 · 1413389
1 parent 69c6e3e
commit 1413389
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/templates/react/base/README.md.ejs b/templates/react/base/README.md.ejs
@@ -306,7 +306,7 @@ import "./styles.css";
 import reportWebVitals from "./reportWebVitals.<%= js %>";
 
 // Create a new router instance
-const router = createRouter({ routeTree });
+const router = createRouter({ routeTree, defaultPreload: "intent", scrollRestoration: true, defaultStructuralSharing: true });
 <% if (typescript) { %>
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {

diff --git a/templates/react/code-router/src/main.tsx.ejs b/templates/react/code-router/src/main.tsx.ejs
@@ -51,6 +51,7 @@ const router = createRouter({
   routeTree,
   defaultPreload: "intent",
   scrollRestoration: true,
+  defaultStructuralSharing: true,
 });
 <% if (typescript) { %>
 declare module "@tanstack/react-router" {

diff --git a/templates/react/file-router/src/main.tsx.ejs b/templates/react/file-router/src/main.tsx.ejs
@@ -9,7 +9,7 @@ import "./styles.css";
 import reportWebVitals from "./reportWebVitals.<%= js %>";
 
 // Create a new router instance
-const router = createRouter({ routeTree });
+const router = createRouter({ routeTree, defaultPreload: "intent", scrollRestoration: true, defaultStructuralSharing: true });
 
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {