<RequireAuth> ↔ custom FC Wrapper to Declaratively control Protected Route via useAuth() & <Navigate\> from react-router-dom

export default function ({children}) {
  const {auth} = useAuth()
  
  return auth 
    ? children 
    : <Navigate 
        to="/login" 
        replace 
        state={{path: window.location.pathname}}/\>
}

References