findify_with_react

index.tsx

import React from 'react';

let _key = 1;

class FindifyComponent extends React.Component{
  widgetKey = void 0;

  createFindifyComponent = (ref) => {
    if (!ref || !!this.widgetKey) return;
    const { type, config = {} } = this.props;
    this.widgetKey = _key + 1;
    window.findify.attach(ref, type, { ...config, widgetKey: this.widgetKey });
  }

  componentWillUnmount() {
    window.findify.detach(this.widgetKey)
  }

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

// How to use => <FindifyComponent type='search' config={{ ... }}/>