Flow type of React's ref

Question

What type returns React.createRef() ?

I have tried React.Ref<HTMLSelectElement> , React$Ref<HTMLSelectElement> , React$Ref<typeof HTMLSelectElement> and a few more, but nothing works. It is either missing, or wrong type.

Does Flow even support refs created via createRef ?

Answer 1

Judging by the definition of React.createRef , you should be able to do something like this:

class MyComponent extends React.Component<{}> {
  ref: { current: null | HTMLDivElement };

  constructor(props: any) {
    super(props);
    this.ref = React.createRef();
  }

  render() {
    return <input ref={this.ref} />;
  }
}