kheruc / rt-nested-layouts Goto Github PK

@kheruc what if i want to wrap my component in router or something like that

for example in docs page:

import { withRouter } from "next/router";
import DocsLayout from '../../components/layouts/docs';
const DocsPage = () => ();

DocsPage.Layout = DocsLayout;

export default withRouter(DocsPage);

or i restricted some pages with ProtectRoute wrapper like this:

.../ProtectRoute.jsx
function ProtectRoute(Component) {
return () => {

const { authenticated, loading } = useAuth();
const router = useRouter();

useEffect(() => {
    if (!authenticated && !loading) router.push('/user/login')
}, [loading, authenticated]);

return (!loading && authenticated && <Component {...arguments} />)
}

}

in this case how to access page layout from component object in _app.js? Component.Layout is going to be undefined
const Layouter = Component.Layout || Layout;

and sorry for my english

Hi, was looking around for exactly this and I'm surprised that there's no information about this on the web.

I was wondering if you've faced any problems using this approach for nested routes and re sharing of Layout? :)