title: Property 'target' does not exist on type 'string'
body: <p>I am making a search bar in Typescript but it is not taking any input. The term target on my onChange method keeps giving an error that </p>
  
  <pre><code>Property 'target' does not exist on type 'string'.
  </code></pre>
  
  <pre><code>export default class userSearchPage extends Component &lt;{}, { searchItem: string}&gt;{
    constructor(props: Readonly&lt;{}&gt;) {
      super(props);
      this.state = {
        searchItem: ''
      };
    }
  
    render() {
      return (
  
    &lt;div&gt;
      &lt;PermanentDrawerLeft&gt;&lt;/PermanentDrawerLeft&gt;
      &lt;div className='main-content'&gt;
        &lt;SearchBar
          onChange={e =&gt; {
            this.setState({searchItem: e.target.value})
          }}             
  
          onRequestSearch={() =&gt; console.log('onRequestSearch')}
          style={{
            margin: '0 auto',
            maxWidth: 800
          }}
        /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    );
  }
  }
  </code></pre>
  
  <p>How could I fix this?</p>