SelectIcon should expect a child by type

[erdemkeren]

Description

The ViewProps type is missing and children is unexpected for SelectIcon

CodeSandbox/Snack link

No response

Steps to reproduce

export declare const SelectIcon: import("react").ForwardRefExoticComponent<import("@gluestack-style/react/lib/typescript/types").StyledComponentProps<false | import("react-native").ViewStyle | import("react-native").ImageStyle | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | import("react-native").RegisteredStyle<import("react-native").ImageStyle> | import("react-native").RecursiveArray<import("react-native").ImageStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ImageStyle>> | null | undefined, unknown, import("@gluestack-style/react/lib/typescript/types").StyledComponentProps<false | import("react-native").ViewStyle | import("react-native").ImageStyle | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | import("react-native").RegisteredStyle<import("react-native").ImageStyle> | import("react-native").RecursiveArray<import("react-native").ImageStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").ImageStyle>> | null | undefined, unknown, import("@gluestack-style/react/lib/typescript/types").RNProps & {
    as?: any;
}, "BaseIcon">, "SelectIcon">>;

  <SelectIcon mr="$3">
      <Icon as={ChevronDownIcon} />
  </SelectIcon>

The code works with a ts error:

Error:

Property children does not exist on type

gluestack-ui Version

^1.1.3

Platform

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

Other Platform

No response

Additional Information

No response

[ankit-tailor]

Hi @erdemkeren, Thanks for reporting the issue. We will look into it.