title: ESlint: Parsing error: Unexpected token <
body: <p>I have this function:</p>
  
  <pre><code>import React from 'react';
  import FilterList from './Filter/FilterList';
  
  export default function Sidebar() {
    return (
      &lt;div&gt;
        &lt;FilterList /&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  
  <p>And included these packages:</p>
  
  <pre><code>  "dependencies": {
  "bootstrap": "^3.3.7",
  "font-awesome": "^4.7.0",
  "i18n-react": "^0.4.0",
  "react": "^15.6.1",
  "react-bootstrap": "^0.31.2",
  "react-dom": "^15.6.1",
  "react-fontawesome": "^1.6.1",
  "react-router-dom": "^4.1.2",
  "rxjs": "^5.4.3",
  "superagent": "^3.5.2",
  "webpack": "^3.5.4"},
  
  "devDependencies": {
  "eslint": "^4.4.1",
  "eslint-config-airbnb-base": "^11.3.1",
  "eslint-plugin-import": "^2.7.0",
  "nwb": "0.18.x",
  "nwb-less": "^0.6.0",
  "yaml-loader": "^0.5.0"},
  </code></pre>
  
  <p>But when running lint I get this error:
  error  Parsing error: Unexpected token &lt;</p>
  
  <p>my .eslintrc file:</p>
  
  <pre><code>module.exports = {
  "extends": "airbnb-base",
  "plugins": [
    "import"
  ]};
  </code></pre>
  
  <p>What am I doing wrong?</p>