useRoutes for private/public routes

[tapansharma211]

Hello everyone,
Is below approach correct? will it cause any performance issues or any extra number of rerenders? I think this would be simpler and easier to manage over time but is it how it is meant to be used?

function App() {
const privateRoute = useRoutes(PrivateRoute());
const publicRoute = useRoutes(PublicRoute());
return checkIfUserIsAuthenticated() ? privateRoute : publicRoute ;
}

Note: public route consist of login screen which is not available in private route