Routing not working on hosting?

Question

React

I am using create react app. Routing works locally. When uploaded to hosting - no. More precisely, if you simply enter mysite.by, and then switch to the menu, then everything works, that is, if you click "contacts" in the menu, it will go to mysite.by/contacts , and if you immediately enter mysite.by/ into the address bar contacts, it gives an error

class App extends React.Component {

  render() {
    return (
      <BrowserRouter>
         <div  className="app-wrapper-content"> 
         <Header />
            <Route path="/products" render={() => <ProductsContainer />} />
            <Route exact path="/" render={() => <MainPage />} />
            <Route exact path="/about" render={() => <About />} />
            <Route exact path="/jay_advices" render={() => <Advices />} />
            <Route exact path="/contacts" render={() => <ContactForm />} /> 
         </div>
          <Footer />
      </BrowserRouter>
    );
  }
}

Answer 1

It looks like you have a static server on your hosting, or only the root route is processed. You need to give index.html for all non-static paths, then everything will work.
Serving Apps with Client Side Routing

Answer 2

Routing is packet routing. If it did not work, it would be impossible to get to the hosting. And you just have a crooked site, maybe the baseurl is not taken into account, or vice versa, it is re-taken into account ...