React URL Link changes but not rendering - reactjs

Question

I'm using Link in my <nav> which does change the URL but isn't switching the page component!
Question: Why isn't my page components loading with the URL changes?
File: index.tsx
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { store } from '#store';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import * as serviceWorker from './serviceWorker';
import {
SigninPage,
HomePage,
UserManagementPage,
SiteContentPage,
} from '#pages';
import { ProtectedRoute } from '#components';
import '#styles/main.scss';
import './index.scss';
export function App() {
return (
<Provider store={store}>
<div id='app'>
<Router>
<Switch>
<Route exact path='/signin' component={SigninPage} />
<ProtectedRoute path='/' component={HomePage} />
<ProtectedRoute path='/sitecontent' component={SiteContentPage} />
<ProtectedRoute
path='/usermanagement'
component={UserManagementPage}
/>
</Switch>
</Router>
</div>
</Provider>
);
}
render(<App />, document.getElementById('root'));
serviceWorker.unregister();
File: ProtectedRoute.tsx
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { useSelector } from 'react-redux';
import { IAppState } from '#store';
import { ReactComponent as AdaptLogo } from '#assets/images/adaptLogo.svg';
import { NavLink, Link } from 'react-router-dom';
interface IProtectedRoute {
path: string;
component: React.FunctionComponent;
}
export const ProtectedRoute: React.FC<IProtectedRoute> = ({
path,
component: Component,
}) => {
// check if user is authenticated or else route them to the SigninPage
const isUserAuthenticated = useSelector(
(state: IAppState) => state.user.authenticated
);
return (
<>
{isUserAuthenticated ? (
<>
<header>
<AdaptLogo id='adapt-logo' />
</header>
<nav>
<Link to='/'>Home Page</Link>
<Link to='/usermanagement'>User Management Page</Link>
<Link to='/sitecontent'>Site Content Page</Link>
</nav>
<main>
<Route exact path={path} render={(props) => <Component />} />
</main>
</>
) : (
<Redirect to='/signin' />
)}
</>
);
};