JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="email" name="recipient" required />
    <Input type="submit" />
</form>

JavaScript

$('[name="recipient"]').on('invalid', function(e) {
    e.target.setCustomValidity("This is a custom error message");
});