React Router V6 Hook to help with nested routers and top level NavLink's maintain an active class

useNestedMatch.js

import { useState, useEffect } from "react";
import { useLocation } from "react-router-dom";

export const useNestedMatch = (test, type = "") => {
  const { pathname } = useLocation();
  const [match, setMatch] = useState(false);

  useEffect(() => {
    let result;
    switch (type) {
      case "startsWith":
        result = pathname.match(new RegExp(`^/${test}`))?.length ? true : false;
        break;
      case "endsWith":
        result = pathname.match(new RegExp(`/${test}$`))?.length ? true : false;
        break;
      default:
        result = pathname.match(new RegExp(`${test}`))?.length ? true : false;
        break;
    }
    setMatch(result);
  }, [test, type, pathname]);

  return match;
};