Router-dom

Install

npm i react-router-dom

Import

// following is done in index.js
import { BrowserRouter } from 'react-router-dom'

// MUST WRAP APP COMPONENT IN ROUTER
<BrowserRouter>
	<App />
</BrowserRouter>

Basics

import {Route, Routes} from 'react-router-dom'

function App() {
	return (
		<>
			<Navbar />		
			<div>
				<Routes>
					<Route path='/' element={<Home />} />
					<Route path='/contact' element={<Contacts />} />
					<Route path='/about' element={<About />} />
				</Routes>
			</div>	
		</>
	)
}

import { Link } from 'react-router-dom'

export function Navbar() {
	return (
		<nav>
			<ul>
				<Link to='/'> Home </Link>
				<Link to='/contact'> Contact </Link>
				<Link to='/about'> About </Link>
			</ul>
		</nav>
	)
}