Basic with getRootProps.js

const DownshiftContext = React.createContext();

export default () => (
  <Downshift
    onChange={selection => alert(`You selected ${selection.value}`)}
    itemToString={item => (item ? item.value : "")}
  >
    {downshift => (
      <DownshiftContext.Provider value={downshift}>
        <h2>Basic Example</h2>
        <div>
          <Basic {...downshift.getRootProps({ refKey: "innerRef" })} />
        </div>
      </DownshiftContext.Provider>
    )}
  </Downshift>
);