import { useRef, useEffect, useState } from "atomico";
const [message, setMessage] = useState();
current.addEventListener("input", () => {
if (current.validity.typeMismatch) {
current.setCustomValidity("");
<input type="email" ref={ref} />
{message && <h1>{message}</h1>}