title: React.js URL changes but view does not change
body: <p>I am new to React.js. I am using React.js 18.0.0. I am developing simple login application. Here I am facing problem in routing. When I click on forget password the URL alone changes but the view remains same. What have I done wrong.</p>
  <p>My browser result:</p>
  <p><a href="https://i.stack.imgur.com/aDqjl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aDqjl.png" alt="enter image description here" /></a></p>
  <p>My index.js:</p>
  <p><a href="https://i.stack.imgur.com/6Op0H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6Op0H.png" alt="enter image description here" /></a></p>
  <p>My App.js:</p>
  <p><a href="https://i.stack.imgur.com/0neHo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0neHo.png" alt="enter image description here" /></a></p>
  <p>Below is my Login.js where I have added Link:</p>
  <p><a href="https://i.stack.imgur.com/ARowu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ARowu.png" alt="enter image description here" /></a></p>