const location = useLocation(); const { pathname } = location; const splitLocation = pathname.split("/"); const active = splitLocation[1] === item.path ? "sidebar-item active" : "sidebar-item";

entonces mi problema es que el "elemento activo de la barra lateral" no se aplica al hacer clic en un enlace.