Реализация жесткой перезагрузки в React

У меня есть приложение React, работающее на сервере apache / PHP.

Приложение React загружается по домашнему пути. То есть PHP настроен на загрузку index.html по маршруту /, который загружает приложение React.

index.html

// ....
<div id = "react-hook"></div>

<script>
    const wrapper = document.getElementById("react-hook");
    wrapper ? ReactDOM.render(<BrowserRouter><App /></BrowserRouter>, wrapper) : false;
</script>

(На самом деле я использую веб-пакет, но это его суть)

Я использую react-router для определения некоторых маршрутов:

const Routes = () => (

    <div>                
        <Route exact path = "/" component = {Home} />
        <Route path = "/login" component = {Login} />
        <Route path = "/test" component = {Test} />
    </div>

)

И рендеринг их с некоторыми ссылками ..

<Link to = "/>Home</Link>     
<Link to = "/login>Login</Link>
<Link to = "/test>Test</Link>

Это работает нормально, но когда я жестко перезагрузил страницу, загруженный маршрут был определен в сервер.

Чтобы решить эту проблему, я установил правило на сервере для пересылки всех запросов на домашний маршрут /, где находится index.html - таким образом мое приложение для реагирования загружается для всех запросов.

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

behavior: /test (hard route) ---> / (soft route)

should be: /test (hard route) ---> /test (soft route)

Как правильно реализовать жесткую перезагрузку для реагирующего приложения?