title: Unable to resolve path to module 'react'. (import/no-unresolved)
body: <p>Seems like i am missing something here, it should work without errors but <strong>eslint</strong> keeps throwing the following:</p>
  
  <p><strong>Unable to resolve path to module 'react'. (import/no-unresolved)</strong> </p>
  
  <p><strong>Missing file extension for "react" (import/extensions)</strong>  </p>
  
  <p>when trying to <code>import React from 'react'</code></p>
  
  <p>here is some debug info:</p>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>{
    "dependencies": {},
    "devDependencies": {
      "react": "16.3.2",
      "react-dom": "16.3.2",
      "@storybook/addon-actions": "^3.4.2",
      "@storybook/addon-links": "^3.4.2",
      "@storybook/addons": "^3.4.2",
      "@storybook/react": "^3.4.2",
      "babel-core": "^6.26.3",
      "babel-eslint": "^8.2.3",
      "babel-preset-env": "^1.6.1",
      "babel-preset-react": "^6.24.1",
      "babel-runtime": "^6.26.0",
      "eslint": "^4.19.1",
      "eslint-config-airbnb": "^16.1.0",
      "eslint-config-prettier": "^2.9.0",
      "eslint-plugin-import": "^2.11.0",
      "eslint-plugin-jsx-a11y": "^6.0.3",
      "eslint-plugin-react": "^7.7.0"
    }
  }
  </code></pre>
  
  <p><strong>.eslintrc</strong></p>
  
  <pre><code>{
    "parser": "babel-eslint",
    "extends": ["airbnb", "prettier"],
    "env": {
      "browser": true,
      "node": true,
      "es6": true
    }
  }
  </code></pre>
  
  <p><strong>.babelrc</strong></p>
  
  <pre><code>{
    "presets": ["env", "react"]
  }
  </code></pre>
  
  <p><strong>editor</strong>: atom v1.26.1</p>
  
  <p>Thanks.</p>