debug: test simple router to isolate router issue

Author: SeddikBellamine

src/components/TestRouter.tsx

@@ -0,0 +1,25 @@
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+
+const testRouter = createBrowserRouter([
+  {
+    path: '/',
+    element: (
+      <div style={{ 
+        padding: '20px', 
+        backgroundColor: 'white', 
+        color: 'black',
+        minHeight: '100vh'
+      }}>
+        <h1>Test Router Working!</h1>
+        <p>If you can see this, the router is working correctly.</p>
+      </div>
+    ),
+  },
+], {
+  basename: '/web3messaging',
+});
+
+export function TestRouter() {
+  console.log('TestRouter: Rendering test router');
+  return <RouterProvider router={testRouter} />;
+} 

src/main.tsx

@@ -4,14 +4,15 @@ import '@fontsource/inter/latin-400.css';
 import { QueryClientProvider } from '@tanstack/react-query';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { RouterProvider } from 'react-router-dom';
+
 import { WagmiProvider } from 'wagmi';
 import { initQueryClient } from '@/utils/initQueryClient.ts';
 import { initRollbarAlerting } from '@/utils/initRollbarAlerting.ts';
 import './index.css';
 import { router } from './router.tsx';
 import { wagmiAdapter } from './utils/wagmiConfig.ts';
 import { ErrorBoundary } from './components/ErrorBoundary.tsx';
+import { TestRouter } from './components/TestRouter.tsx';
 
 console.log('Starting app initialization...');
 
@@ -38,7 +39,7 @@ try {
       <ErrorBoundary>
         <WagmiProvider config={wagmiAdapter.wagmiConfig}>
           <QueryClientProvider client={queryClient}>
-            <RouterProvider router={router} />
+            <TestRouter />
           </QueryClientProvider>
         </WagmiProvider>
       </ErrorBoundary>