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

default discord avatar
Ragnar_GPlast year

I need to move between these paths and get information from the url using custom React components

  • default discord avatar
    paulpopuslast year

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

    Here you have payload's own hooks

    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`} />;
Star on GitHub


Chat on Discord



Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.