WebStorm unresolved variable warning
<p>I use WebStorm for React JS and I'm getting this 'Unresolved variable warning' by all props.</p>

<p><a href="https://i.stack.imgur.com/mrqC1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mrqC1.png" alt="enter image description here"></a></p>

<p>But everything works without problems, language is defined, it exists. 
Code works, I don't have any issues with my app.</p>

<p>This is what I have inside <code>Languages &amp; Frameworks &gt; JavaScript &gt; Libraries</code></p>

<p><a href="https://i.stack.imgur.com/k9j31.png" rel="noreferrer"><img src="https://i.stack.imgur.com/k9j31.png" alt="enter image description here"></a></p>

<p>Any idea how to avoid those warnings?</p>

<p><strong>UPDATE</strong></p>

<p>Code example where that happens. First parent component :</p>

<pre><code>import ExpirationTimer from '../../common/expirationTimer';

export default class ListView extends React.Component {
    render (){
        const language = this.props.language;
        let expirationDate = "Wed May 10 2017 15:58:59 GMT+0200";

        return (
            &lt;div&gt;
                &lt;ExpirationTimer expirationDate={expirationDate} language={language}/&gt;
            &lt;/div&gt;
        )
    }
}
</code></pre>

<p>Where language is an object <code>{lowestPrice: "Lowest price", mileage: "Mileage", ....}</code></p>

<p>And then the component where I try to get those props, it works, but I get warning that they are unresolved :</p>

<pre><code> export default class ExpirationTimer extends React.Component {
    constructor(props){
        super(props);

        this.state = {                
            expirationDate: this.props.expirationDate // Here I get the warning
        };
    }

    render(){
        let language = this.props.language; // Here I get the warning


        return (
            &lt;div&gt;
                .....
            &lt;/div&gt;
        );
    }
}
</code></pre>