xkit-catalog-react-npm.tsx

import * as React from 'react'
import createXkit from '@xkit-co/xkit-catalog.js'

const xkit = createXkit('viable.xkit.co')

interface IntegrationsProps {
  path?: string
}

class Integrations extends React.Component<IntegrationsProps> {
  private ref = React.createRef()

  componentDidMount () {
    xkit.renderCatalog(this.ref.current, {
      hideTitle: true,
      hideSearch: true,
      rootPath: this.props.path
    })
  }

  componentWillUnmount () {
    xkit.unmountCatalog(this.ref.current)
  }

  render () {
    return <div ref={this.ref}></div>
  }
}

export default Integrations