title: TypeError: e.persist is not a function in Typeahead Bootstrap React
body: <p>I am getting the error <code>TypeError: e.persist is not a function</code> when attempting to try different methods to test my application in Enzyme but nothing seems to work.</p>
  
  <p>input.prop('onChange')({target: {value: "valuehere", name: "namehere", placeholder: "placeholderhere"}});</p>
  
  <p>input.simulate('change', { target: {value: "valuehere", name: "namehere", placeholder: "placeholderhere"}});</p>
  
  <p>input.props().onChange( {target: {value: "valuehere", name: "namehere", placeholder: "placeholderhere"}});</p>
  
  <p>My code is:</p>
  
  <pre><code>import {Typeahead} from 'react-bootstrap-typeahead';
  import 'react-bootstrap-typeahead/css/Typeahead.css';
  
  export interface InputFormProps {
      label: string;
      id: string;
      icon: string;
      input: any;
      value: string[];
  }
  
  export default class InputForm extends React.Component&lt;InputFormProps&gt; {
  
    state = {
      value: this.props.value, list: []
     }
  
  
    async componentDidMount() {
      // API Calls happen here, not relevant
    }
  
  
    change = (value, label) =&gt; {
          //Converts to a form that the upper function understands from events
          let result = { target: {value, placeholder: label}};
          this.props.input(result);
        }
  
    render () {
  
  
      //Doesn't render list unless it has loaded
  
      return(
          &lt;Typeahead
            multiple
            selected={this.props.value}
            name={this.props.label}
            type="text"
            className="form-control"
            placeholder={this.props.label}
            id={this.props.id}
            onChange={e =&gt; this.change(e, this.props.label)}
            options={this.state.list}/&gt;
      )
  
    }
  
  }
  </code></pre>
  
  <p>Note, some values are changed to protect the privacy of my company's work.</p>