Interface ProtectedRouteProps

Props for the ProtectedRoute component.

interface ProtectedRouteProps {
    children: ReactNode;
    loadingComponent?: ReactNode;
    redirectTo?: string;
    roles?: string[];
    unauthenticatedComponent?: ReactNode;
    unauthorizedComponent?: ReactNode;
}

Index

Properties

children loadingComponent? redirectTo? roles? unauthenticatedComponent? unauthorizedComponent?

Properties

children

children: ReactNode

`Optional`loadingComponent

loadingComponent?: ReactNode

Custom loading component

`Optional`redirectTo

redirectTo?: string

Where to redirect if not authenticated. Default: renders fallback.

`Optional`roles

roles?: string[]

Required role(s). If set, user must have one of these roles.

`Optional`unauthenticatedComponent

unauthenticatedComponent?: ReactNode

Custom unauthenticated component (not logged in)

`Optional`unauthorizedComponent

unauthorizedComponent?: ReactNode

Custom unauthorized component (wrong role)