Support for stateless components

I tried to use this lib with recompose:

const controller = compose(
    withHandlers({
        handleClickOutside: (props) => (event) => null // do something
    }),
    onClickOutside
);

const component = controller((props) => <div>...</div>);

Unfortunately, onClickOutside HOC expects component with handleClickOutside method defined in component itself, so it doesn’t work with stateless components.

Right now I’m using simple component using existing API which I use a root component in my stateless one:

@onClickOutside
class OutsideClickHandler extends Component {
  handleClickOutside() {
    this.props.handleClickOutside();
  }

  render() {
    return this.props.children;
  }
}

Question is: Is it worth to include such a component in this library? Is there a better way how to support stateless components or take handler function from props?

[davishmcclurg]

@Pomax no problem, here’s the new issue: https://github.com/Pomax/react-onclickoutside/issues/127

[Pomax]

Hm, this sounds like it needs a new issue filed, specifically to check whether the HOC is wrapping a true component, or just a stateless render function. Want to file one?