Navbar and footer has the same ReactRouter pointing to same destination. URL is changed, but component is not loaded

Question

My problem is the header (or a navbar) and footer both contain the same links "/" and "/about". If either one is clicked, React Router is just changing URL,