I stumble upon on a recursion issue, The following:
class App extends Component {
onClick() {}
render() {
return <Box onClick={this.onClick} />;
}
}
compiles to
class App extends _mobxJsx.Component {
onClick() {}
render() {
return (0, _mobxJsx.createComponent)(Box, {
get onClick() {
return this.onClick
}
})
}
}
Demo:
https://codesandbox.io/s/mobx-counter-context-bug-forked-wp9m9?file=/index.js