How to let React Router v6 respond with 404 status code

Question

In React Router v5, we could provide a 404 response code in this way :

<Route path="*" component={NoMatch} status={404}/>

But how can we do it with React Router v6?

The react-router-dom v5 Route components don't have a status prop, and neither do the v6 Route components. Can you clarify the use case? How was this status prop being used previously? Can you update your question with an example? — Drew Reese
– Drew Reese, Commented Dec 8, 2021 at 6:51

Drew Reese · Accepted Answer · 2021-12-08 06:55:35Z

3

The react-router-dom v5 Route components don't have a status prop, and neither do the v6 Route components. If this is simply passing the status prop through to the routed component then in RRDv6 you can pass it directly to the NoMatch component as a prop.

<Route
  path="*"
  element={<NoMatch status={404} />}
/>

answered Dec 8, 2021 at 6:55

Drew Reese

207k19 gold badges276 silver badges290 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to let React Router v6 respond with 404 status code

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related