Cannot easily use in react class

[kbrown]

I'd like to use this library without converting all of my react classes to functional components. Hooks must be called from React function components, or from custom hooks.

So it would be nice to be able to use the HOC way:

function withCollapse(Component) {
  return function WrappedComponent(props) {
    const collapseProps = useCollapse({});
    return <Component {...props}  {...collapseProps} />;
  }
}

[roginfarrer]

How about this?

function Collapse(props) {
  const collapseProps = useCollapse(props);
  return props.children(collapseProps);
}

https://codesandbox.io/s/usecollapse-as-a-render-component-67tnd

You can make a component that uses the render prop API. It's props become the initial config, and you don't need to use a hook.

[roginfarrer]

Closing due to inactivity.