TypeScript, MobX-React, and RefObjects

[42shadow42]

When using a combination of TypeScript, MobX-React, and RefObjects, it becomes impossible to use strong typed RefObjects:

private searchForm: RefObject = React.createRef();

@action
onSearchSelected = (search: Search) => {
    this.searchForm.current.populateSearchForm(search); //This compiles but fails at runtime
    this.searchForm.current.wrappedInstance.populateSearchForm(search); //This succeeds at runtime, but won't compile
}

I believe this can be resolved, by using the new forwardRef API for react components

[42shadow42]

I've put together the gist of what needs to happen, but I've broken some tests in the process, any help that can be providing fixing or deprecating the tests would be appreciated.

https://github.com/42shadow42/mobx-react/tree/patch-1

[42shadow42]

@mweststrate I saw you fixed issues with reactivity and forwardRef on Observer, do you have any insight that might help fix reactivity of forwardRef on injector? I would really appreciate it!

[42shadow42]

Fixed by #619