Update

resources/js/app.tsx

@@ -4,6 +4,8 @@ import { createInertiaApp } from '@inertiajs/react';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import { createRoot } from 'react-dom/client';
 import { ErrorBoundary } from 'react-error-boundary';
+import { GA4Provider } from './Plugins/GA4Context.jsx'; // Updated import
+
 import DetailedErrorFallback from './components/custom/detailed-error-fallback'; // Import your component
 import { Toaster } from './components/ui/sonner';
 import { initializeTheme } from './hooks/use-appearance';
@@ -34,14 +36,16 @@ createInertiaApp({
                     console.log('Error boundary reset');
                 }}
             >
-                <MittProvider>
-                    <AxiosProvider>
-                        <Toaster position="top-right" />
-                        <AuthDialog />
+                <GA4Provider>
+                    <MittProvider>
+                        <AxiosProvider>
+                            <Toaster position="top-right" />
+                            <AuthDialog />
 
-                        <App {...props} />
-                    </AxiosProvider>
-                </MittProvider>
+                            <App {...props} />
+                        </AxiosProvider>
+                    </MittProvider>
+                </GA4Provider>
             </ErrorBoundary>
         );