Как развернуть приложение React в подкаталоге сервера с помощью reach-router?

Question

Я пытаюсь развернуть это приложение React в подкаталоге на размещенном в сети сервере, и я использую реагирующий маршрутизатор. Я получил это для работы с реагирующим маршрутизатором, просто изменив домашнюю страницу в package.json и добавив параметр «basename» в компонент Router:

<BrowserRouter basename="/react/lyricsearch">

С помощью reach-router я наткнулся на статью, в которой говорится, что вы можете сделать нечто подобное:

<Router basepath="/react/petadoption">

Но это не работает, и страница не загружается. Как настроить его на работу с этим URL-адресом с помощью reach-router?

  render() {
    return (
      <div>
        <header>
          <Link to="/">Adopt Me!</Link>
          <Link to="/search-params">
            <span aria-label="search" role="img">
              Search
            </span>
          </Link>
        </header>
        <Provider value={this.state}>
          <Router basepath="/react/petadoption">
            <Results path="/" />
            <Details path="/details/:id" />
            <SearchParams path="/search-params" />
          </Router>
        </Provider>
      </div>
    );                     
  }