How to redirect without reloading the page using custom components and custom routes

Ragnar_GPlast year

4

• 

  paulpopuslast year

  Payload uses the react-router directly, you should be able to use this hook

  https://v5.reactrouter.com/web/api/Hooks/usehistory
  

  
  

  Here you have payload's own hooks

  https://payloadcms.com/docs/admin/hooks#useauth
  

  
  

  if you have custom components on routes you're responsible for handling the redirect based on auth

  
  

  
  

  Here's an example though

  
  
  

  import { Redirect } from "react-router-dom";
  
  // ... inside component
  
  if (!user || (user && !canAccessAdmin)) {
      return <Redirect to={`${adminRoute}/unauthorized`} />;
    }