¿Cómo rellenar mediante programación los elementos de entrada creados con React?

Tengo la tarea de rastrear el sitio web creado con React. Estoy tratando de completar los campos de entrada y enviar el formulario usando inyecciones de JavaScript a la página (ya sea selenio o webview en dispositivos móviles). Esto funciona como un encanto en cualquier otro sitio + tecnología, pero React parece ser un verdadero dolor.

así que aquí hay un código de muestra

var email = document.getElementById( 'email' );
email.value = '[email protected]';

I el valor cambia en el elemento de entrada DOM, pero React no activa el evento de cambio.

He estado intentando muchas formas diferentes de hacer que React actualice el estado.

var event = new Event('change', { bubbles: true });
email.dispatchEvent( event );

Sin resultado

var event = new Event('input', { bubbles: true });
email.dispatchEvent( event );

no funciona

email.onChange( event );

no funciona

No puedo creer que interactuar con React se haya hecho tan difícil. Agradecería mucho cualquier ayuda.

Gracias

Respuestas a la pregunta(2)

Su respuesta a la pregunta