How to configure layouts when using @react-router/fs-routes?

[bryan-alj1]

Hello 👋,

I’m experimenting with React Router (framework) for the first time and added the package @react-router/fs-routes

Since the routes are being generated automatically, I’m not sure how to properly configure layouts in this setup. Could you provide guidance on how layouts should be handled?

Everything else working fine.

Thanks in advance! 🙏

[sergiodxa]

As with any other route, using a convention in the file names, see https://reactrouter.com/how-to/file-route-conventions#nested-layouts-without-nested-urls

I recommend you to read the whole page to understand all the conventions and to try them and see how they affect both URL and UI