I'm struggling to use a child component that triggers the Popover

          <Popover
            isOpen={showPopup}
            onClose={() => setShowPopup(false)}
            onOpen={() => setShowPopup(true)}
            placement="top right"
            size="md"
            trigger={(triggerProps) => {
              return (
                <Card triggerProps={triggerProps}/>
              )
            }}>
          <PopoverBackdrop />
            <PopoverContent>
              <PopoverArrow />
              <PopoverBody>
                <Text className="text-typography-900">
                  Alex, Annie and many others are already enjoying the Pro features,
                  don't miss out on the fun!
                </Text>
              </PopoverBody>
            </PopoverContent>
          </Popover>

 const Card: React.FC<CardProps> = ({
  triggerProps: any
}) => (
 <TouchableOpacity {...triggerProps}>
  <Text>Test</Test>
</TouchableOpacity>
)