forwardRef

Bug report

It seems I can’t set a ref anymore on <Form /> components.

I looked into <ReactFinalForm /> component and it doesn’t seem to forward the ref.

Maybe using useImperativeHandle to expose the form api would be a solution?

[crobinson42]

FYI - this is a breaking change that needs to be fixed in a patch version ASAP.

In v5 this works:

<Form
  onSubmit={() => this.form.form.reset()}
  ref={el => (this.form = el)}
/>

and no longer works in v6 due to the ref not being forwarded by react-final-form

[crobinson42]

I have dozens of components that use this:

<Form
        ....
        ref={el => (this.form = el)}
/>

And since upgrading to v6 of react-final-form I’m getting this Warning everywhere:

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?