Hola, necesito cambiar event.target.value con una entrada y esa entrada tiene una regla mínima de 8 caracteres. Actualmente estoy haciendo esto (ejemplo) en un componente reaccionar js:

 <input ... minLength={8} onChange={(e) => { onChangeHandler(e); }} />

¿En qué lugar del onChangeHandler estoy haciendo esto?

 e.target.value = 'less8'; console.log(e.target.checkValidity());

Sin embargo, cuando llamo a checkValidity, devuelve 'verdadero', pero esperaba 'falso'.

Depuré esto y es porque cuando asigné un valor a 'e.target.value', la función 'e.target.checkValidity()' ya no funciona.

¿Alguien tiene otra forma de asignar un valor a 'e.target.value' y aún así hacer que 'checkValidity()' funcione?