diff --git a/src/App.jsx b/src/App.jsx
index 2f85118..6352303 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,6 @@
 import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom'
 import { useEffect, lazy, Suspense } from 'react'
+import { Analytics } from '@vercel/analytics/react'
 
 function ScrollToTop() {
   const { pathname } = useLocation()
@@ -37,6 +38,7 @@ export default function App() {
               </Route>
             </Routes>
           </Suspense>
+          <Analytics />
         </BrowserRouter>
       </UIProvider>
     </ErrorBoundary>
diff --git a/src/main.jsx b/src/main.jsx
index c428aae..8013a90 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,11 +1,8 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import { inject } from '@vercel/analytics'
 import App from './App'
 import './styles/index.css'
 
-inject()
-
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
     <App />