Wrapping Button and reexporting prevents ButtonGroup from working

[capturetheworld]

Description

When Gluestack Button "GButton" is wrapped and reexported, ButtonGroup no longer work

CodeSandbox/Snack link

https://codesandbox.io/s/example-44622s

Steps to reproduce

1. Import Button as GButton from library
2. Export const Button with children props
3. {children}
4. If you wrap with a in another component it no longer works

gluestack-ui Version

0.1.32

Platform

• [X] Expo
• [ ] React Native CLI
• [ ] Next
• [X] Web
• [ ] Android
• [ ] iOS

Other Platform

No response

Additional Information

No response

[makkarMeenu]

@capturetheworld The codesandbox is not updated, could you please update that and let us know .

[capturetheworld]

@capturetheworld The codesandbox is not updated, could you please update that and let us know .

Hi, this is a code snippet from my project, I cannot share the entire project as the code is proprietary. This gives you enough of an idea of how I am exporting the Button component. See Lines 27-30 @makkarMeenu

[makkarMeenu]

@capturetheworld The codesandbox is not updated, could you please update that and let us know .

Hi, this is a code snippet from my project, I cannot share the entire project as the code is proprietary. This gives you enough of an idea of how I am exporting the Button component. See Lines 27-30 @makkarMeenu

Please try this snippet for wrapping the Button. Let me know if it works.

export const Button = ({ children , ...props}:any) => {
  return <GButton {...props}>{children}</GButton>;
};