withLocalization decorator removes component ref

[hkasemir]

https://github.com/projectfluent/fluent.js/blob/master/fluent-react/src/with_localization.js#L46

createElement does not forward the ref applied to its wrapped component.

for example say I have a page component with a form component, and I want to attach a ref to the form from the page to control focus on inputs. wrapping the form component with withLocalization breaks that ref.

I'm not sure if there's a way to use cloneElement instead, as this forwards refs?

[stasm]

Hi @hkasemir, apologies for not responding earlier. I'm not sure how I missed this issue! I'll look into using cloneElement for this.

[Gregoor]

D'oh, just ran into this. The hooks API will help a little here (though not for class components).