enable structural sharing by default in react (#26)

also added `scrollRestoration` and `defaultPreload` options so all
templates use the same props

Author: schiller-manuel

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" {

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" {

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" {