póster por primera vez aquí y necesito ayuda. Tengo una aplicación de reacción simple con una página principal y una sección solo para miembros. Para ingresar a la sección solo para miembros, debe conectar su billetera MetaMask. Agregué esta funcionalidad y funciona, pero cuando aparece la página solo para miembros en el navegador, falta la barra de desplazamiento y el enlace en la sección de navegación para volver a la página principal solo hace que la URL del navegador muestre localhost: 3000/ luego permanece en localhost:3000/miembros. Si actualizo manualmente la página, aparece mi barra de desplazamiento y la página funciona como debería. No entiendo qué está saliendo mal y estoy desesperado tratando de arreglar esto.

Aplicación.js

 import bootstrap from "bootstrap"; import MainPage from "./views/MainPage"; import Members from "./views/Members"; import "bootstrap/dist/css/bootstrap.min.css"; import { BrowserRouter as Router, Switch, Route } from "react-router-dom"; import { Web3ReactProvider } from "@web3-react/core"; import Web3 from "web3"; function getLibrary(provider) { return new Web3(provider); } function App() { return ( <Web3ReactProvider getLibrary={getLibrary}> <Router > <div className=""> <Switch> <Route exact path="/members" component={Members} /> <Route path="/" component={MainPage} /> </Switch> </div> </Router> </Web3ReactProvider> ); } export default App;

MemberCheck.js

 import { useWeb3React } from "@web3-react/core"; import { useHistory,Redirect } from "react-router-dom"; import { injected } from "./wallet/Connect"; export default function MemberCheck() { const { active, account, library, connector, activate, deactivate } = useWeb3React(); async function connect() { try { await activate(injected); console.log("connected"); } catch (ex) { console.log(ex); } } let history = useHistory() return ( <div> <li onClick={connect} className="nav-item memberCheck" style={{ textDecoration: "none", color: "white", fontFamily: "scary", fontSize: "2rem", }} > MEMBERS ONLY {active ? history.push("/members") : <Redirect to="/" />} </li> </div> ); }

¡Gracias por adelantado!