pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Cronitor RUM history patching error

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-05 15:08:52 +00:00
parent 0106bdb1d5
commit c1ef28e2f6
1 changed files with 26 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/App.tsx
View File

@@ -131,6 +131,17 @@ function NavigationTracker() {
} }
function AppContent(): React.JSX.Element { function AppContent(): React.JSX.Element {
// Initialize Cronitor RUM inside BrowserRouter (where history is available)
useEffect(() => {
Cronitor.load("0b5d17d3f7625ce8766c2c4c85c1895d", {
debug: import.meta.env.DEV, // Enable debug logs in development only
trackMode: 'history', // Automatically track page views with React Router
});
// Log successful initialization
console.log('[Cronitor] RUM initialized');
}, []);
return ( return (
<TooltipProvider> <TooltipProvider>
<NavigationTracker /> <NavigationTracker />
@@ -388,33 +399,20 @@ function AppContent(): React.JSX.Element {
); );
} }
const App = (): React.JSX.Element => { const App = (): React.JSX.Element => (
// Initialize Cronitor RUM on app mount <QueryClientProvider client={queryClient}>
useEffect(() => { <AuthProvider>
Cronitor.load("0b5d17d3f7625ce8766c2c4c85c1895d", { <AuthModalProvider>
debug: import.meta.env.DEV, // Enable debug logs in development only <MFAStepUpProvider>
trackMode: 'history', // Automatically track page views with React Router <BrowserRouter>
}); <AppContent />
</BrowserRouter>
// Log successful initialization </MFAStepUpProvider>
console.log('[Cronitor] RUM initialized'); </AuthModalProvider>
}, []); </AuthProvider>
{import.meta.env.DEV && <ReactQueryDevtools initialIsOpen={false} position="bottom" />}
return ( <AnalyticsWrapper />
<QueryClientProvider client={queryClient}> </QueryClientProvider>
<AuthProvider> );
<AuthModalProvider>
<MFAStepUpProvider>
<BrowserRouter>
<AppContent />
</BrowserRouter>
</MFAStepUpProvider>
</AuthModalProvider>
</AuthProvider>
{import.meta.env.DEV && <ReactQueryDevtools initialIsOpen={false} position="bottom" />}
<AnalyticsWrapper />
</QueryClientProvider>
);
};
export default App; export default App;