Hey there, new to React and currently working on setting up routing on my home page. The links are currently located within my navbar component, but I am thinking that I need to configure the router in App.js instead. I have Contact, Social, and Hobbies components that I want to use for routing purposes. Any assistance would be greatly appreciated :)
//NavBar Component
<div className='NavBar'>
<div className='nav-left'>
<img className='laptop-logo' alt='laptop-logo' src={brentLaptop} />
<h2 id='nav-header'>BCLabs</h2>
</div>
<div className='nav-right'>
<ul>
<li>Contact</li>
<li>Social</li>
<li>Hobbies</li>
</ul>
</div>
</div>
//App component
<div className="App">
<NavBar />
</div>