Recursion on classes when a method is used as a prop (ie onClick)

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

[ryansolid]

Ok happy to say fixed in babel-plugin-jsx-dom-expressions v0.20.8. Let me know if you have any more issues.

[ryansolid]

Ok this is next on my list assuming I can do it easily enough. I want to get this in for my next minor release of my libraries but I don’t want it to delay the next Solid release.