Merge pull request #26 from PiwikPRO/fix/navigation-link

fix(example): use Link component from react router instead of default one
PiwikPRO · Jan 29, 2024 · f9a8326 · f9a8326
2 parents e268d2d + bfcac91
commit f9a8326
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/example/src/layout/Header.tsx b/example/src/layout/Header.tsx
@@ -6,10 +6,13 @@ import {
   ListItemButton,
   ListItemText
 } from '@mui/material'
+import { Link, useLocation } from 'react-router-dom'
 
 const drawerWidth: number = 270
 
 function Header() {
+  const { pathname } = useLocation()
+
   return (
     <Drawer
       variant='permanent'
@@ -26,7 +29,11 @@ function Header() {
       <List>
         {routes.map(({ path, name }, index) => (
           <ListItem key={index} disablePadding>
-            <ListItemButton component='a' href={path}>
+            <ListItemButton
+              component={Link}
+              to={path}
+              selected={pathname === path}
+            >
               <ListItemText primary={name} />
             </ListItemButton>
           </ListItem>