Почему реагирующий маршрутизатор перенаправляет с параметра route на '/'? (/ books /: bookId => / books)

Question

У меня следующая структура маршрутизатора:

<Router>
    <Switch>
        <Route exact path={'/books'}>
            <p>All books</p>
        </Route>
        <Route path={'/books/:bookId'}>
            <p>book with ID</p>
        </Route>
    </Switch>
</Router>

Всякий раз, когда я перехожу на /books/:bookID, через долю секунды меня перенаправляют обратно на /books. Перенаправлений нет, но я вернулся на /books с помощью ввода URL-адреса вручную или использования history.push(). <Link /> нельзя использовать, но это тоже не помогло.

<Button onClick={() => history.push('/books/5')}>Go to book 5</Button>

Буду рад любому совету по этому вопросу.