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}


/>