diff --git a/src/components/typography/RouterLink.tsx b/src/components/typography/RouterLink.tsx
new file mode 100644
index 0000000..2b03587
--- /dev/null
+++ b/src/components/typography/RouterLink.tsx
@@ -0,0 +1 @@
+export { NavLink as RouterLink } from "react-router-dom";
diff --git a/src/index.tsx b/src/index.tsx
index 67c9221..df65e1b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,16 +1,22 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
 
 import "./localization/i18n";
-
-ReactDOM.render(
+const rootElement = document.getElementById("root");
+if (!rootElement) throw new Error("Failed to find the root element");
+const root = ReactDOM.createRoot(rootElement);
+root.render(
   <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<App />}></Route>
+      </Routes>
+    </BrowserRouter>
+  </React.StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function