Support with react router

[anandjaisy]

How can I make this work with react-router??

A sample code as below, does it is possible to make it work with Link instead of href

<Link to="/#section_1" href="#section_1" className="text-white font-normal hover:bg-pink-600 px-3 py-2 rounded-md" aria-current="page">Product</Link>
<Link to="/#section_2" href="#section_2" className="text-white font-normal hover:bg-pink-600 hover:text-white px-3 py-2 rounded-md">Customers</Link>
 <Link to="/#section_3" href="#section_3" className="text-white font-normal hover:bg-pink-600 hover:text-white px-3 py-2 rounded-md">About</Link>
<Link to="/#section_4" href="#section_4" className="text-white font-normal hover:bg-pink-600 hover:text-white px-3 py-2 rounded-md">Contact us</Link>
<Link to="/#section_5" href="#section_5" className="text-white font-normal hover:bg-pink-600 hover:text-white px-3 py-2 rounded-md">Blog</Link>