как повторно визуализировать компонент при нажатии на ссылку

Question

У меня есть маршрут с простой навигационной панелью и содержимым под ней.

<Link> из response-router-dom ничего не делает при нажатии на URL той же страницы.

<Route path="/samePage" component={Component} />

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

function SomeNavBar(){
   return (
      <Link to="/samePage">Refresh</Link>
   );
}

function Component(){
    // some state
    let [data, setData] = useState([]);

    useEffect(()=>{
      // fetch data from API here
    });

    return (
    <>
       <SomeNavBar />
       {/* Displaying the state*/}
    </>);
}

Я хотел бы обновить sh состояние при щелчке Link на панели навигации. Таким образом, один из вариантов - использовать <a href> вместо <Link to="" />, потому что он перезагрузит страницу и сделает то, что нужно.

Но перезагрузка - это плохо, поскольку мы используем React, поэтому как я могу повторно отрендерить маршрут при нажатии?