[FE] Hotfix react ga4 에러 해결

frontend/src/App.tsx

@@ -1,10 +1,7 @@
 import { RouterProvider } from 'react-router-dom';
 import router from './router';
-import RouteChangeTracker from './utils/RouteChangeTracker';
 
 const App = () => {
-  RouteChangeTracker();
-
   return <RouterProvider router={router} />;
 };
 

frontend/src/index.tsx

@@ -5,6 +5,7 @@ import theme from './themes';
 import GlobalStyle from './GlobalStyle';
 import ErrorBoundary from './components/ErrorBoundary';
 import NotFound from './pages/NotFound';
+import ReactGA from 'react-ga4';
 
 const rootElement = document.getElementById('root');
 if (!rootElement) throw new Error('Failed to find the root element');
@@ -15,6 +16,10 @@ const root = ReactDOM.createRoot(rootElement);
 //   worker.start({ quiet: true });
 // }
 
+if (process.env.REACT_APP_GOOGLE_ANALYTICS) {
+  ReactGA.initialize(process.env.REACT_APP_GOOGLE_ANALYTICS);
+}
+
 root.render(
   <ThemeProvider theme={theme}>
     <GlobalStyle />

frontend/src/pages/RootPage.tsx

@@ -2,8 +2,10 @@ import { Outlet } from 'react-router-dom';
 import Layout from '../components/Layout';
 import LayoutWidthProvider from '../context/LayoutWidthContext';
 import NavbarHighlightsProvider from '../context/NavbarHighlightsContext';
+import RouteChangeTracker from '../utils/RouteChangeTracker';
 
 const RootPage = () => {
+  RouteChangeTracker();
   return (
     <>
       <LayoutWidthProvider>