Estoy tratando de cambiar el valor de un campo de texto.

Código del campo de texto:

 <div class="StyledInputLabelWrapper-sc-1lelz3z-0 bORxnu"> <label color="#ff0000" font-size="sm" for="shipping_lastname" id="shipping_lastname-label" class="StyledInfoTypo-sc-1jga2g7-0 hYfxVN StyledLabel-sc-1lelz3z-1 fVraJv">Nachname</label> <input autocomplete="shipping family-name" name="shipping_lastname" maxlength="50" id="shipping_lastname" placeholder="" type="text" aria-invalid="true" aria-required="false" data-test="shipping_lastname" class="StyledInput-sc-6brnnh-1 gAQsdK" value=""></div>

Y el código del evento:

 function(e, t, n, r) { De || Ne(); var o = Zt, i = De; De = !0; try { Ie(o, e, t, n, r) } finally { (De = i) || Ue() } }

Traté de cambiar el valor a través de Javascript con:

 document.queryselector('#shipping_firstname-label').value = "myValue";

Pero cada vez que muevo el mouse, el valor en el campo de texto se restablecerá automáticamente al valor anterior.

¿Algún consejo/idea sobre cómo puedo solucionar esto?

Avísame si necesitas más información. ¡Gracias!