onClick event only fires after two clicks?

Question

JavaScript

There is such input

<input name={email} onClick={onEmailClick} onChange={setMail} />

and such a handler that works after two clicks on the input. How to make it work on the first click?

const onEmailClick = (e) => {
    e.preventDefault()
    onEmailClickedSet(true);
  };

Answer 1

You have some mess: onClick={onEmailClick} onChange={setMail}
Why two handlers for one input? Why is it not specified what type of input you have?
The onClick event fires on every click, not after two.
Wang that the onChange event changes something and onClick works as you need only after this change, i.e. from the second time.