react-bundle-in-class-component

FindifyWidget.jsx

import React from 'react';
import useFindify from '@findify/react-bundle';
import { useHistory } from 'react-router';

export default ({ type, config, children }) => {
  const history = useHistory();
  const [container, isReady, hasError] = useFindify({ type, config, history });
  return children({ container, isReady, hasError });
}

index.jsx

import React from 'react';
import FindifyWidget rom './FindifyWidget';


export default class App extends React.Component{
 render() {
    return (
      <FindifyWidget type='search'>
        {
          ({ container, isReady, hasError }) => (
            <div ref={container} />
          )
        }
      </FindifyWidget>
    );
  }
}