Intento actualizar los valores de un formulario, para esto, uso un formulario de gancho de reacción. Cuando se representa primero, muestra el valor predeterminado que se proporcionó anteriormente. Funciona bien cada vez que traté de cambiar todos los valores. Pero cuando solo cambio un campo específico, elimina todos los demás valores del elemento y solo actualiza este campo. ingrese la descripción de la imagen aquí Quiero actualizar solo campos específicos sin cambiar el valor anterior ¿Cómo puedo hacer eso?

 const onSubmit = (data) => { axios.put(`http://localhost:4000/users/${id}`, data) .then(res => console.log("success")) } return ( <div> <form onSubmit={handleSubmit(onSubmit)}> <label>Team 1</label> <input defaultValue={match.team1} {...register("team1")} /> <br /> <label>Team 2</label> <input defaultValue={match.team2} {...register("team2")} /><br /> <input type="submit" /> </form> </div> );