por favor, ¿cómo puedo superar este error de componente que está cambiando una entrada no controlada para ser controlada? Es probable que esto se deba a que el valor cambia de indefinido a un valor definido, lo que no debería suceder. Decida entre usar un elemento de entrada controlado o no controlado durante la vida útil del componente.

esto evita que el campo de entrada muestre lo que estoy escribiendo.

 const [sellerName, setSellerName] = useState(); const [storeName, setStoreName] = useState(""); ... <form className="registerInputContainer customerEditInput"> <div className="regInput passForm "> <span className="userEmail">Owner's Full name (Required)</span> <div className="passwordContainer editCusInputField"> <input placeholder="your name" value={sellerName } onChange={(e) => setSellerName(e.target.value)} className="passwordInput regInputField" /> </div> </div> <div className="regInput passForm "> <span className="userEmail">Store Name (required)</span> <div className="passwordContainer editCusInputField"> <input placeholder="" required value={storeName || ""} onChange={(e) => setStoreName(e.target.value)} className="passwordInput regInputField" /> </div> </div> ... </form>

Probé algunas de las soluciones que vi en stackoverflow pero no funcionan. gracias a todos