Hola, tengo un pequeño problema al usar el marco iónico en reaccionar, lo que quiero es cuando hago clic en el botón de inicio de sesión, navegará a la página de inicio, el comportamiento actual en mi código es cuando escribo en la URL del navegador /homepage de inicio, funciona bien, pero al hacer clic el botón de inicio de sesión no navegó a la página de inicio, no sé por qué

Inicio de sesión.tsx

 const Login: React.FC = () => { const history = useHistory(); const homepage = () =>{ console.log("ss") history.push("/homepage"); } return ( ..... <IonButton onClick={homepage} color="success" shape="round" size='default' className='submitButton'> <span className='login-button'>Login</span> </IonButton> ) }

Aplicación.tsx

 const App: React.FC = () => ( <IonApp> <IonReactRouter> <IonRouterOutlet> <Route exact path="/login"> <Login/> </Route> <Route exact path="/homepage" component={Homepage}></Route> <Route exact path="/"> <Redirect to="/login" /> </Route> </IonRouterOutlet> </IonReactRouter> </IonApp> );