Este es el código que estoy usando para una pantalla de registro usando React:

 import React, { useCallback } from "react"; import { withRouter } from "react-router"; import app from "../Firebase/firebase"; const Register = ({history}) => { const handleSignup = useCallback(async event => { event.preventDefault() const { email, password } = event.target.elements; try { await app .auth() .createUserWithEmailAndPassword(email.value, password.value); history.push("/dashboard") } catch(error) { alert(error) } }, [history]); return ( <div> <p>Register</p> <Form onSubmit={handleSignup}> <label> Email <input name="email" type="email" placeholder="Email" /> </label> <label> Password <input name="password" type="password" placeholder="Password" /> </label> <button type="submit">Register</button> </Form> </div> ) } export default withRouter(Register)

Recibo el error mencionado en el título, ¿qué estoy haciendo mal aquí?

También recibo estos errores cuando npm i react-router en la terminal: npm WARN @babel/plugin-bugfix-v8-spread-parameters-in-opcional-chaining@7.16.0 requiere un par de @babel/core @^7.13.0 pero ninguno está instalado. Debe instalar las dependencias de pares usted mismo.