Closed eduoliveira85 closed 4 years ago
Currently working on repro-prototype branch.
Hey @edueter the issue is that you're specifying your Header component as a layout, but it's not a layout. What you want to do is add a layout component to that option and put your Header component inside of your layout.
The layout wraps around the outside of your page by way of React's children
prop but your Header component doesn't add children
. The effect is that you're rendering a header and discarding your page component.
Hey @edueter the issue is that you're specifying your Header component as a layout, but it's not a layout. What you want to do is add a layout component to that option and put your Header component inside of your layout. The layout wraps around the outside of your page by way of React's
children
prop but your Header component doesn't addchildren
. The effect is that you're rendering a header and discarding your page component.
I see! Then I got it all wrong and couldn't figure it out. Thanks, Tyler! Going to test it tomorrow in the office.
Thanks for your plugin too. It's very handy!
I'm having issues placing persistent content in my website. The thing is I have this header that's intended to be placed over every page and transitions. Before that, I was using TransistionPortal but then I red over here that it isn't meant for that case.
However, I guess I'm not understanding the use of this option. I've set it and the result I get is always this, where the header is shown but no content or transition. Here is the repo
Here it its my gatsby-config.js with the Header.js requisition:
The component exists within the Layout.js and then I've tried removing it from there. The result is the same.
What am I doing wrong? Sorry if this is a silly question. I really am trying to learn React/Gatsby.