having separate layout
Hello guys, I’m new to solid-start
I have this inside my routes (app)/login/index.jsx
I’m trying to have a layout to it different from the app.jsx
How do I do this please ??
12 Replies
Hi I just checked your response, thanks for that.
But in my project how do I set layout for (auth) if I do (auth).jsx inside routes and i visit /login i do not see the login code
Oh I think I have solved it
I had to pass the props
props.children
(auth).jsx (the layout) needs to be a sibling to (auth) not under it.Oh yeah that works
routes
(auth).jsx
(auth)
login/index.jsx
And inside the (auth).jsx
pass the props.children
It mirrors the component structure of nested routes where you can specify the layout on the wrapping
Route component.Cheers mate
pass the props.childrenYup Layouts Also only modules with a
export default are considered route components. So you are actually free to co-locate related modules if they only have named exports.Alright, Cheers
Not sure why most times when I make changes
I see hydration mismatch. Unable to find DOm nodes for hydration key.
But if I delete node modules and reinstall the error is gone
GitHub
[Bug?]:Error: Hydration Mismatch. Unable to find DOM nodes for hydr...
Duplicates I have searched the existing issues Latest version I have tested the latest version Current behavior 😯 Whenever i create a route with folders like routes/admin/dash.tsx this error happen...
Thanks once again