Am trying to create a dropdown nav but when I put the Link tag from react-router-dom v5 in the div with className="dropdown-links", the URL is not changing and nothing changes it just remains there. But i put the Link above div with className="dropdown__menu information__grid, it works well.

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

     const nav = () => {
       return (
         <div className="dropdown">
                    <button className="btn-nav">Bags</button>
                    <div className="dropdown__menu information__grid">
                    <div>
                      <div className="dropdown-heading">Ladies Bags</div>
                      <div className="dropdown-links">
                          <Link to="/all" class="link">All</Link>
                          <Link to="/lastest" class="link">Latest</Link>
                          <Link to="/popular" class="link">Popular</Link>
                      </div>
                  </div>
             </div>
         </div>
           )
        }