WebStorm highlights React component when props passed through react-redux connect function

Question

I have a container component:

import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';

class MyComponent extends Component {
  static propTypes = {
     someEntities: PropTypes.object.isRequired
  }
  ....
}

export default connect(state => ({ someEntities: state.someEntities })(MyComponent)

So I am passing props via connect to this component, but when I place component in code, like:

....
import MyComponent from './MyComponent';
....
<div><MyComponent /></div>
....

WebStorm highlights MyComponent and gives me an error: Element MyComponent doesn't have required attribute someEntities.

I am using version 2016.3.1. Is this an error? Should I use propTypes in this case?

lena · Accepted Answer · 2017-02-16 13:18:16Z

8

This is a known issue, tracked as WEB-21692; please follow it for updates (https://intellij-support.jetbrains.com/hc/en-us/articles/207241135-How-to-follow-YouTrack-issues-and-receive-notifications)

answered Feb 16, 2017 at 13:18

lena

94.4k11 gold badges155 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

WebStorm highlights React component when props passed through react-redux connect function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related