Базовое имя React Router работает только для точного пути

Я использую такой реактивный маршрутизатор.

import { BrowserRouter as Router, Route } from 'react-router-dom';

const Base = () => {
  return (
    <Provider store = {store}>
      <Router basename = "research">
        <Route exact path = "/" component = {App} />
      </Router>
    </Provider>
  );
}

ReactDOM.render(<Base />, document.getElementById('root'));

И внутри моего компонента App у меня есть несколько маршрутов.

<Route path = "/" component = {SearchPage} />
<Route path = "/article/ name = "article" component{ArticlePage} />

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