DEV Community

Discussion on: 🔐 Private Route in React Router v6

View post

Replies for: I was using a module to route users to I only need to render the header once etc.. so in I have outlet to render the nested routes. How can I now ...

Collapse
 
aspyryan profile image
Aspyryan •

Whoops, I already figured it out, this was the code for my privateoutlet:

export default function PrivateOutlet() {
    const { account } = useContext(AccountContext);

    return account ? (
        <HomeModule>
            <Outlet />
        </HomeModule>
    ) : (
        <Navigate to="/login" replace />
    );
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
tonnov profile image
Antonio Nogueda • • Edited

is it necesary write Outlet twice?

Collapse
 
paramount3545 profile image
All In Developer •

Yes 😊 I was about to write that you need to change PrivateOutlet