I am working on a product website with React and each time I click on a particular menu, it refreshes my entire page instead of just rendering component.

export const Header = () => { return ( <header> <a href="/" className="logo"> <img src={Logo} alt="Logo" /> <span>Taskify</span> </a> <nav className="navigation"> <a href="/" className="link" >Home</a> <a href="/products" className="link">Products</a> <a href="/contact" className="link">Contact</a> </nav> </header> ) }

How do I get this fix, it’s kinda slowing down my app