This content originally appeared on DEV Community and was authored by Muhammad Ali
React Router allows for partial matching of paths, which can sometimes lead to unexpected behavior if not managed correctly.
What is Partial Matching?
Partial matching means that a route will match any path that starts with the specified path.
Example: a route defined for /about will match both /about and /about/team.
How to Control Partial Matching
To prevent partial matching, use the exact prop:
<Route exact path="/about" component={About} />
This content originally appeared on DEV Community and was authored by Muhammad Ali