Component.jsx

import { Dropdown } from '@invisionapp/helios'
import { useState } from 'react'

function Component(props) {
  const [isOpen, setIsOpen] = useState(false)
  
  const handleToggleVisibility = () => {
    setIsOpen(!isOpen)
  }
  
  const handleChangeVisibility = (state) => {
    analytics.track('foo bar', state.OPEN)
  }
  
  return (
    <Dropdown 
      {...props} 
      open={isOpen} 
      onRequestToggleVisibility={handleToggleVisibility} 
      onChangeVisibility={handleChangeVisibility} 
    />
  )
}