'React-Router-Dom causes webpage not to fill all available space

im new to react and just getting used to changing between webpages using react-router. However whenever I install react-router using 'npx I react-router-dom' and then reload the webpage I get white bars at the edge of the page even though I haven't changed any code.

//Before react router install no bars

//After installing - white bars at edge

White bars at edge

Thanks any help would be appreciated!



Solution 1:[1]

Just for future reference if anyone is struggling with this iv'e found a post here:Encountering white-space at top of react-app

which fixed the issue

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Harry D