ref.js

// My trigger Button
const SettingsButton = () => {
  return (
    // <Button> component here
  )
}

// My popover
const SettingsPopover = () => {
  return (
    <Popover>
      <PopoverTrigger>
        <SettingsButton /> // Trigger button 
      </PopoverTrigger>
      <PopoverContent>
        <PopoverArrow />
        <PopoverCloseButton />
        <PopoverHeader>Settings</PopoverHeader>
        <PopoverBody>
          <Text>Hello</Text>
        </PopoverBody>
      </PopoverContent>
    </Popover>
  )
}