MyComponent.jsx

import React, { Fragment } from 'react'
import { Modal, Button } from 'invision-helios'

class MyComponent extends React.Component {
  state = {
    open: false
  }
  
  handleClick = () => {
    this.setState(prev => ({
      open: !prev.open
    }))
  }
  
  handleRequestClose = () => {
    // gets fired when the modal closes, so should be only used for async side effects such as analytics tracking, etc.
    analytics.track('Modal closed')
  }
  
  render() {
    return (
      <Fragment>
        <Button order="primary" onClick={this.handleClick}>Click me</Button>
        <Modal open={this.state.open} onRequestClose={this.handleRequestClose}>
          <div>I am the modal
        </Modal>
      </Fragment>
    )
  }
}