Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Getting unused vars error when the variable is used in JSX

See original GitHub issue

Getting following error, 9:8 error “favicon” is defined but never used no-unused-vars

when my React’s render method code is,

  render() {
    const favicon = require('../../../favicon.ico');
    return (
      <html>
        <head>
          <meta charSet="utf-8" />
          <link rel="shortcut icon" href={favicon} type="image/x-icon" />

Issue Analytics

State:
Created 8 years ago
Comments:13 (5 by maintainers)

Top GitHub Comments

1reaction

ilyavolodincommented, Feb 16, 2016

Oh, I think I know what this is. You don’t have any rules for eslint-plugin-react specified in your config. Before v2 we supported default configuration for plugins (as in, plugins had ability to enable some of their own rules by default, as soon as you said you want to use that plugin). Now that functionality has been removed and replaced with embedded configs. So you need to enable one of the eslint-plugin-react rules manually until they can create embedded config. Basically, none of your react plugin rules are enabled now. And marking react variables as used was responsibility of one of those rules (don’t remember which one).

1reaction

nzakascommented, Feb 16, 2016

@veeracs what do you have parser set to in your config? Is it present? If so, just remove it. If you still get an error, please run with --debug and share the output.