try to get it working

src/App.tsx

@@ -1,11 +1,16 @@
 import './App.css'
-import navbar from "./components/navbar.tsx";
+import Navbar from "./components/Navbar.tsx";
+import {BrowserRouter} from "react-router-dom";
 
 function App() {
 
-  return (
-      navbar()
-      )
+    return (
+        <BrowserRouter>
+            <div>
+                <Navbar/>
+            </div>
+        </BrowserRouter>
+    )
 }
 
 export default App

src/components/Navbar.tsx

@@ -1,7 +1,7 @@
 import {NavLink} from 'react-router-dom'
 import '../styles/navbar.css'
 
-export default function navbar() {
+export default function Navbar() {
     return (
         <nav className="navbar flex gap-4">
             <NavLink to={"/"} className="navbar-left flex item-center gap-2">Home</NavLink>