added provider composer

Author: rohithandique

package.json

@@ -37,6 +37,7 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.50.0",
     "vite": "^7.3.0",
+    "vite-plugin-svgr": "^4.5.0",
     "vitest": "^4.0.15"
   }
 }

src/app/providers/index.tsx

@@ -0,0 +1,13 @@
+// src/app/providers/index.ts
+import { ComponentType } from 'react';
+import { withRouter } from './with-router';
+
+type HOC = (component: ComponentType<any>) => ComponentType<any>;
+
+const compose = (...hocs: HOC[]) => {
+  return (component: ComponentType<any>): ComponentType<any> => {
+    return hocs.reduceRight((wrapped, hoc) => hoc(wrapped), component);
+  };
+};
+
+export const withProviders = compose(withRouter);

src/app/providers/with-router.tsx

@@ -0,0 +1,10 @@
+// src/app/providers/with-router.tsx
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import { routeTree } from '../../routeTree.gen';
+import { ComponentType } from 'react';
+
+const router = createRouter({ routeTree });
+
+export const withRouter = (_Component: ComponentType) => {
+  return () => <RouterProvider router={router} />;
+};

src/app/routes/__root.tsx

@@ -5,7 +5,6 @@ import { TanStackRouterDevtools } from '@tanstack/react-router-devtools';
 const RootLayout = () => (
   <>
     <Header />
-    <hr />
     <Outlet />
     <TanStackRouterDevtools />
   </>

src/main.tsx

@@ -1,26 +1,17 @@
 import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
-import { RouterProvider, createRouter } from '@tanstack/react-router';
-
-// Import the generated route tree
-import { routeTree } from './routeTree.gen';
-
-// Create a new router instance
-const router = createRouter({ routeTree });
-
-// Register the router instance for type safety
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: typeof router;
-  }
-}
+import { withProviders } from './app/providers';
 
 const rootElement = document.getElementById('root')!;
+
 if (!rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement);
+
+  const App = withProviders(() => null);
+
   root.render(
     <StrictMode>
-      <RouterProvider router={router} />
+      <App />
     </StrictMode>
   );
 }

src/vite-env.d.ts

@@ -1 +1,2 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />