Cloné mi proyecto de reacción hoy y el proyecto funcionaba bien en mi otra Mac. Luego comencé a enfrentar algunos problemas con mi enrutador, especialmente con el historial. El código en mi history.ts es:

 import createHistory from 'history/createBrowserHistory'; export default createHistory();

Mi app.tsx es:

 import React from 'react'; import { Route, Router, Switch, } from 'react-router-dom'; import { connect } from 'react-redux'; import history from '../history'; const App = (props: any) => { return ( <div> <Router history={history}> <div> <Header/> <Route path="/" exact component={Home}/> <Route path="/about" exact component={About} /> <Route path="/media" exact component={Media}/> <Switch> <Route path="/login" exact component={Login}/> <PrivateRoute path="/menu" exact component={Menu} auth={props.isSignedIn} /> <PrivateRoute path="/create" exact component={PostCreate} auth={props.isSignedIn} /> <PrivateRoute path="/delete/:id" exact component={PostDelete} auth={props.isSignedIn}/> </Switch> </div> </Router> </div> ); };

Traté de cambiar mi history.ts a:

 import { createBrowserHistory } from "history"; export default createBrowserHistory();

y sin éxito, también traté de cambiar a

 import { createBrowserHistory, History } from "history"; const history: History = createBrowserHistory(); export default history

Y tampoco tuvo éxito, es extraño porque mi aplicación funcionaba bien hace meses. He buscado por todo Stack Overflow y ninguna solución parece encajar. Cualquier ayuda será apreciada.