routing after deployment to gh pages react app does not work

I can not understand why routing does not work on deploy

App.tsx <div className="app"> <div>asd</div> <BrowserRouter> <Route path="/rooms/:id" component={RoomPage} /> <Route exact path="/home" component={HomePage} /> </BrowserRouter> </div> index.tsx const app = ( <BrowserRouter basename={process.env.PUBLIC_URL}> <App /> </BrowserRouter> ); ReactDOM.render(app, document.getElementById('root'));