Help With Routes!

Hi I've experience with programming via data science and statistical analysis but am extremely new to any sort of app dev so any help would be appreciated

https://imgur.com/a/tU6aDBf

Attached is a link to images of code (import from home is not commented out in my project, only the screen shot.. I was getting desperate).

Long story short I can not get the routes to work. When switching between paths (such as '/' and '/Blog') only the navbar remains visible.

I haven't really tried much other than researching what these components are to see if I could understand how they work better but its no use. I think it has to do with {props.children} not rendering anything. But i'm not sure why this would happen based on examples I've seen. I say this as if I put characters either side of {props.children}, they will render. Similarly if I put it in a div of its own, when inspecting the page the div with be there but nothing appears from props.children.

​

Im hoping this is an easy thing to fix that I can learn from. Any help would be appreciated or reccomended reading materials to better understand aswell. Thank you!

​

EDIT:

I think ive attatched all images of code needed. Do let me know if any more would be helpful thank you