No uses useState con tus forms en React

Cuando desarrollas tus form en React es normal usar el hook useState para manejar el estado de cada input, esto es correcto y funcional, pero es normal que hasta el submit accedas a los datos del form, al usar useState cada vez que un input cambia se lanza un nuevo render lo que podria llegar a consumir muchos recursos, ya que React reconstruye los elementos del DOM, te dejo un ejemplo.

Pero como podriamos optimizar y simplificar el manejo de nuestros input? React nos ofrece el hook useRef con el cual podemos establecer una referencia con un elemento del DOM y acceder a sus propiedades, en nuestro caso al valor, useRef tiene la ventaja de no lanzar un nuevo render cada vez el elemento referenciado cambia, lo que hace el proceso mas eficiente, te dejo un ejemplo de como usar useRef con tus form.