DEV Community

Discussion on: New React Hooks Pattern? Return a Component

View post

Replies for: Yup exactly. The hook doesn't create an instance of the Panel component. The hook passes back a component definition and the props that should be p...

Collapse
 
gillibrand profile image
Jay Gillibrand •

I think you could safely:

return {
  Panel: <Panel {...panelProps}/>,
  // others
}
Enter fullscreen mode Exit fullscreen mode

That creates a new Panel element, but doesn't redefine the Panel function (the component definition). The problem in the linked Reddit post is that defines its component, Modal, in the hook itself.

If you did this, your hook would need to accept any children of the panel, but wouldn't need to export panelProps. So it may or may not be syntactic a win. But it should perform the same, right?