Disable default 404 page

[abranhe]

About me

• My name: Abraham
• I've used Netlify: a lot

Question

I am creating a simple react application, basically it will match the pathname (/some/pathname) of the website and I will do something with it:

Example:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const Default = () => (<div>Home</div>);
const Test = () => (<div>Test</div>);
const NoMatch = () => (<div>404</div>);;

class App extends Component {
  render() {
    return (
        <Router>
        <Switch>
            <Route path="/" exact component={Default}/>
            <Route path="/test" component={Test}/>
            <Route component={NoMatch} />
      	</Switch>
        </Router>
    );
  }
}

It works perfectly locally, but when I deploy it to Netlify, every time I go to certain path /test, Netlify will detect it as a 404 code so it will display the famous 404 page.

I went over the documentation but I did't found anything to fit my needs.

Any ideas how could I accomplish it?

[j-f1]

Is the “HISTORY PUSHSTATE AND SINGLE PAGE APPS” section on that page what you’re looking for?

[abranhe]

The NoMatch route should match any page, it is basically handling any pathname or 404 page.