1  import { StrictMode } from 'react'
 2  import ReactDOM from 'react-dom/client'
 3  import { RouterProvider, createRouter } from '@tanstack/react-router'
 4  
 5  // Import the generated route tree
 6  import { routeTree } from './routeTree.gen'
 7  
 8  import './styles.css'
 9  import reportWebVitals from './reportWebVitals.ts'
10  
11  // Create a new router instance
12  const router = createRouter({
13    routeTree,
14    context: {},
15    defaultPreload: 'intent',
16    scrollRestoration: true,
17    defaultStructuralSharing: true,
18    defaultPreloadStaleTime: 0,
19  })
20  
21  // Register the router instance for type safety
22  declare module '@tanstack/react-router' {
23    interface Register {
24      router: typeof router
25    }
26  }
27  
28  // Render the app
29  const rootElement = document.getElementById('app')
30  if (rootElement && !rootElement.innerHTML) {
31    const root = ReactDOM.createRoot(rootElement)
32    root.render(
33      <StrictMode>
34        <RouterProvider router={router} />
35      </StrictMode>,
36    )
37  }
38  
39  // If you want to start measuring performance in your app, pass a function
40  // to log results (for example: reportWebVitals(console.log))
41  // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
42  reportWebVitals()