const location = useLocation();
  const { pathname } = location;
  const splitLocation = pathname.split("/");

  const active = splitLocation[1] === item.path ? "sidebar-item active" : "sidebar-item";

so my problem is the "sidebar-item active" is not applying when click on a link.