title: WebStorm says argument types do not match parameters in the function bindActionCreaters
body: <p>I have a react component say <em>xyz</em>. I have an action-creator named say <em>abc</em> that gets called when a particular button is clicked in the component. Although the action-creator that I have imported from my actions folder works fine when I bind it to my component using <em>bindActionCreators</em>, WebStorm IDE highlights this <em>bindActionCreators</em> function in the file and a message saying &quot;<em>argument types do not match function parameters</em>&quot; is shown when I hover over the highlighted text.</p>
  <p>I don't get why WebStorm is showing this. Please tell me a solution to fix this warning.</p>
  <pre class="lang-js prettyprint-override"><code>   import { abc } from '../../actions/abc';
     import { bindActionCreators } from 'redux';
  
  ----------------------------------------------------------
  
     const mapActionToProps = (dispatch) =&gt; {
       return bindActionCreators({ abc }, dispatch);
     };
  ----------------------------------------------------------
  
  export default connect(mapStateToProps, mapActionToProps)(xyz);
  
  ----------------------------------------------------------
  
  export const UPDATE_BAR_STATE = 'UPDATE_BAR_STATE';
  
  export const abc = (value) =&gt; {
      return({
          type: UPDATE_BAR_STATE,
          payload: value
      });
  };
  </code></pre>
  <p>Reference Image:
  <img src="https://i.stack.imgur.com/aFU4C.png" alt="Reference Image" /></p>