How to use the react-instantsearch/connectors.connectAutoComplete function in react-instantsearch

event.stopPropagation();
    clickAction(suggestion._id)
  }
  return 
    <div>
      
      
    </div>
  
}

const AutocompleteTextbox = connectAutoComplete(
  ({
    // From connectAutoComplete HoC
    hits, currentRefinement, refine,
    // FromSearchAutoComplete
    onSuggestionSelected, placeholder, renderSuggestion, renderInputComponent
  }) =&gt; {
    return (
       refine(value)}
        onSuggestionsClearRequested={() =&gt; refine('')}
        getSuggestionValue={hit =&gt; hit.title}
        renderInputComponent={renderInputComponent}
        renderSuggestion={renderSuggestion}
        inputProps={{

hit,
                  // Downshift supplies onClick
                  onVersionChange(version) {
                    onHitVersionChange(hit, version);
                  },
                })}
              />
            ))}
          
        
      )}
    
  );
}

const ConnectedAutoComplete = connectAutoComplete(RawAutoComplete);

type Props = {
  onConfirm: (dependency: string, version: string) => Promise,
};

export default class SearchDependencies extends React.PureComponent {
  props: Props;
  hitToVersionMap = new Map();

  handleSelect = hit => {
    let version = this.hitToVersionMap.get(hit);

    if (!version && hit.tags) {
      version = hit.tags.latest;
    }

const algoliaAppId = getSetting('algolia.appId')
  const algoliaSearchKey = getSetting('algolia.searchKey')
  return 
    <div>
      
      
    </div>
  
}


const AutoComplete = connectAutoComplete(
  ({ hits, currentRefinement, refine, clickAction }) =&gt;
     refine(value)}
      onSuggestionsClearRequested={() =&gt; refine('')}
      getSuggestionValue={hit =&gt; hit.title}
      renderSuggestion={hit =&gt;
        }
      inputProps={{
        placeholder: 'Search for sequences',
        value: currentRefinement,
        onChange: () =&gt; {},
      }}
      highlightFirstSuggestion
    /&gt;
);

import React from 'react';
import { InstantSearch, Configure, PoweredBy } from 'react-instantsearch/dom';
import { connectAutoComplete } from 'react-instantsearch/connectors';

import Style from 'app/pages/Search/search';
import DependenciesCSS from './dependencies';

import RawAutoComplete from './RawAutoComplete';

const ConnectedAutoComplete = connectAutoComplete(RawAutoComplete);

export default class SearchDependencies extends React.PureComponent {
  hitToVersionMap = new Map();

  handleSelect = hit => {
    let version = this.hitToVersionMap.get(hit);

    if (!version && hit.tags) {
      version = hit.tags.latest;
    }

    this.props.onConfirm(hit.name, version);
  };

  handleManualSelect = hitName => {
    if (!hitName) {

return (
      
    );
  }
}

const ConnectedSearchBox = connectAutoComplete(SearchBox2);

const RenderHit = ({ hit }) => (
  
    <button>
      
    </button>
  
);

RenderHit.propTypes = {
  hit: PropTypes.object.isRequired

fontWeight: selectedItem === item ? 'bold' : 'normal',
                    },
                  })}
                >
                  
                
              ))}
            
          )}
        
      )}
    
  )
}

const AutoCompleteWithData = connectAutoComplete(RawAutoComplete)

function Examples() {
  return (
    
      Algolia{' '}
      <a href="https://community.algolia.com/react-instantsearch/">
        React InstantSearch
      </a>{' '}
      example
      
    
  )

const algoliaAppId = getSetting('algolia.appId')
  const algoliaSearchKey = getSetting('algolia.searchKey')
  return 
    <div>
      
      
    </div>
  
}


const AutoComplete = connectAutoComplete(
  ({ hits, currentRefinement, refine, clickAction}) =&gt;
  {
    const onSuggestionSelected = (event, { suggestion }) =&gt; {
      event.preventDefault();
      event.stopPropagation();
      clickAction(suggestion._id)
    }
    return (
       refine(value)}
        onSuggestionsClearRequested={() =&gt; refine('')}
        getSuggestionValue={hit =&gt; hit.title}
        renderSuggestion={hit =&gt;
          }