error 'App' is not defined no-undef

[moroshko]

Hi,

I get the following error:

var App = React.createClass({
  render: function() {
    return (
      <div>
        <h3>My Component Example</h3>
        <MyComponent />
      </div>
    );
  }
});

React.render(<App />, document.getElementById('app'));    // error  'App' is not defined  no-undef

Here is my .eslintrc file:

{
  "env": {
    "node": true,
    "browser": true
  },
  "parser": "babel-eslint",
  "rules": {
    "space-after-keywords": "always",
    "quotes": "single"
  }
}

I use babel-loader to run eslint with WebPack. Here is the relevant bit from webpack.config.js:

module: {
  loaders: [
    { test: /\.js$/, loaders: ["react-hot", "babel-loader", "eslint-loader"], exclude: /node_modules/ }
  ]
}

What am I doing wrong?

[sebmck]

What am I doing wrong?

Nothing, it's a bug.

[gaearon]

Seems to be a dupe of #8.

[gaearon]

Nope. Actually it's a dupe of #15.

[MoOx]

Probably need to check this with eslint 0.17 changes for jsx and react.

[MoOx]

I am not having the issue anymore with eslint 0.17 and eslint-plugin-react 1.5.0

[sebmck]

Can you please verify that this issue still exists on 3.0.1?

[hzoo]

Is this still an issue after using eslint-plugin-react?

[MoOx]

Not at all. You can close this. Eslint doesn't handle this anymore & the plugin does this like a charm.

[hzoo]

Ok great!

[CatzillaOrz]

From eslint docs we can find these rules,

Disallow Undeclared Variables (no-undef)
Any reference to an undeclared variable causes a warning, unless the variable is explicitly mentioned in a /global .../ comment.

/*global someFunction b:true*/
/*eslint no-undef: "error"*/

var a = someFunction();
b = 10;