The Input component is missing onFocus & onBlur handlers, which are pretty useful for e.g. form validation. At the moment the only way around it it is to use refs which gets pretty messy.
Current doing this:
...
useEffect(() => {
if (inputRef && inputRef.current) {
inputRef.current.onblur = console.log;
}
}, [inputRef]);
return (
<Input
ref={inputRef}
value={value}
onChange={handleChange}
/>
)
When I’d love to do this:
return (
<Input
onBlur={console.log}
value={value}
onChange={handleChange}
/>