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

Question

[ckatala]

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 бесполезно. В чем проблема?

Answer 1

[0xD34F]

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