Can't render only one Route in react-router-dom

Question

I made a router, but upon request /user/add, both components are rendered. I need to only display the UserAdd component.

<Switch>
  <Route exact path="users/add" component={UserAdd} />
  <Route exact path="users/:id" component={UserPreview} />
</Switch>

Answer 1

add exact to route,

<Route exact path="/users/add" component={UserAdd} />

Answer 2

exact keyword is used only when you want to render a component when there is an exact match of route.

When you have multiple routes then use exact to visit specific page.

<Route exact path="/users/add" component={UserAdd} />

For better understanding between <Route exact path="/" /> and <Route path="/" />