React 16 warnings

[DavidBeale]

How would you expect it to work?

No dev tools warnings

How does it work currently?

Warning: Invalid DOM property `readonly`. Did you mean `readOnly`?
    in input (created by t)
    in span (created by t)
    in div (created by t)
    in t (created by Typeahead)
    in span (created by Typeahead)
    in Typeahead (created by ManagedInput)
    in ManagedInput
printWarning 

checkPropTypes.js:19 Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
    in input (created by t)
    in span (created by t)
    in div (created by t)
    in t (created by Typeahead)
    in span (created by Typeahead)
    in Typeahead (created by ManagedInput)
    in ManagedInput
printWarning 

warning.js:33 Warning: React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React.

Tell us about your environment

• Version used: latest, React 16

[hannalaakso]

Hi @DavidBeale

Thanks for flagging this. The React warnings have previously been documented in #266. The accessible autocomplete currently supports React v15.5.4 fully as documented in README. It would however be good to add full compatibility with later versions of React too.

The other two warnings in your screen grab don't mention React, could these have been specific to your setup?

Thanks,
Hanna

[DavidBeale]

The other warnings are from PropTypes https://github.com/facebook/prop-types. Most React developers will be using this.

[DaveHudson]

I'm also seeing this error and created a test case in Codesandbox.io
https://codesandbox.io/s/accessible-autocomplete-bc0tt

The issue looks to be with the showHint input, React expects readOnly rather than readonly

https://github.com/alphagov/accessible-autocomplete/blob/master/src/autocomplete.js#L465