Как исправить конфликт роутов?

Index.js

import { BrowserRouter as Router, Route } from "react-router-dom"
<Router>
    <Provider store={store}>
        <Route component={App} />
    </Provider>
  </Router>

app.js

<Switch>
  <Route location={location} exact path="/:slug" component={Article} />
  <Route location={location} exact path="/mypages" component={MyPages} />
</Switch>

При открытии страницы mypages получаю ошибку что нет такой страницы, так как статья не найдена.
Пробовал exact убрать с mypages бесполезно. В чем проблема?