Custom Link ↔ to conditionally render

export function MenuLink({ children, to })  {
  const location = useLocation()
  const match = location.pathname === to
  
  return (
    <div className={match ? "active" : ""}\>
      {match ? "👉 " : ""}
      <Link to{to}\>
        {children}
      </Link\>
    </div\>
  )
}

References