Considere el siguiente bloque de código:
<TextField name="name" required className='my-2 mx-auto' label="Full Name" variant="standard" style={{ "width": "60%" }} value={name} onChange={(event) => { setName(event.target.value); }} {...register({ required: "Name is required" })} />Reemplacé la referencia con ...registrar pero sigo recibiendo el error, ¿alguien puede ayudarme a solucionarlo?
No, no puedes hacer esto porque TextField no es solo una input .
Creo que tienes que pasar {...register({ required: "Name is required"})} a la input de TextField y para hacer eso, podrías usar el accesorio inputProps de TextField . Algo como:
<TextField name="name" required className='my-2 mx-auto' label="Full Name" variant="standard" style={{ "width": "60%" }} value={name} onChange={(event) => { setName(event.target.value); }} inputProps={{...register({required: "Name is required"})}} />