# ReactSnippet: How To
---

## Redirect Any Invalid URLs
---

### Description
We will handle wrong URL and provide a fallback component for displaying
<img src="img/1.png" width="100%"><br/>

### Step 1
Give html structure and style of the component<br />
<img src="img/2.png" width="100%"><br/>
<img src="img/3.png" width="100%"><br/>

[How we created **Title** component?](https://github.com/andrewsinelnikov/ReactSnippet-How-To/blob/main/task11/README.md)

### Step 2
Export **Error** page into **App.js** and a kind of "fallback" route, to catch 404 errors<br />
<img src="img/4.png" width="100%"><br/>

[No Match (404)](https://reactrouter.com/web/example/no-match)

**User stay with you! 🎉**

Source files 📁 [here](https://github.com/andrewsinelnikov/ReactSnippet-How-To/tree/main/task12/src)

#### Got a question ❓   [✉️](https://twitter.com/Andrew79361148)

Want to know more? 👉 [Read next](https://github.com/andrewsinelnikov/ReactSnippet-How-To/blob/main/README.md)
