title: Uncaught TypeError: Cannot read properties of null (reading 'value')
body: <p>I have been working on react-select component which renders dropdown menu(Image mentioned below). It selects the value from the dropdown by default even though I have not selected it.</p>
  <p><a href="https://i.stack.imgur.com/hPWNt.png" rel="nofollow noreferrer">Here is the Dropdown menu picture it renders and it selects 60 minutes value</a></p>
  <pre><code>import React from 'react';
  import { uniqueId } from 'lodash';
  import Select from 'react-select';
  import LabelWrapper from '../LabelWrapper';
  import AlertWrapper from '../AlertWrapper';
  
  const styles = require('./styles.module.scss');
  
  type Props = {
    multi: boolean;
    options: Array&lt;{ label: string; value: string }&gt;;
    onChange: (selectElementValue: { label: string; value: string }) =&gt; {};
    onBlur: () =&gt; {};
    value: { value: string, label: string};
    error: string;
    placeholder: string;
    label: string;
    horizontalLabel: boolean;
    required?: boolean;
  };
  
  class CreatableSelect extends React.Component&lt;Props, {}&gt; {
    inputId: string;
  
    constructor(props) {
      super(props);
      this.inputId = uniqueId('id_');
    }
  
    render() {
      const disabled = this.props.options.length === 0;
  
      return (
        &lt;LabelWrapper
          forId={this.inputId}
          error={!!this.props.error}
          label={this.props.label}
          horizontal={this.props.horizontalLabel}
          required={this.props.required}
        &gt;
          &lt;AlertWrapper&gt;
            &lt;Select.Creatable
              multi={this.props.multi}
              options={this.props.options}
              onChange={e =&gt; this.props.onChange(e.value)}
              disabled={disabled}
              placeholder={this.props.placeholder}
              className={this.props.error ? styles.hasError : null}
              onBlur={this.props.onBlur}
              value={this.props.value}
              inputProps={{ id: this.inputId }}
            /&gt;
          &lt;/AlertWrapper&gt;
          {this.props.error &amp;&amp; (
            &lt;span className=&quot;help-block&quot;&gt;{this.props.error}&lt;/span&gt;
          )}
        &lt;/LabelWrapper&gt;
      );
    }
  }
  
  export { CreatableSelect };
  </code></pre>
  <p>However, I want to clear the value from the dropdown but, it gives me error in console:</p>
  <blockquote>
  <p>Uncaught TypeError: Cannot read properties of null (reading 'value')</p>
  </blockquote>
  <p>what is possibly going wrong in my code?</p>