title: React JS import css file had expression no-unused-expressions
body: <p>In my React JS app add import a CSS file in component <br>
  <code>import("./assets/Base.scss");</code> <br>
  When run  <code>npm start</code> show this error in command prompt</p>
  
  <p><code>Line 17:1:  Expected an assignment or function call and instead saw an expression  no-unused-expressions</code></p>
  
  <p>Line 17:1 is <code>import("./assets/Base.scss");</code> </p>
  
  <p>I don't want to import css file like below<br>
  <code>import './assets/Base.scss';</code> <br>
  I want to import with parenthesis . </p>
  
  <p>I had some rules for<code>.eslintrc.js</code> : <br></p>
  
  <pre><code>"use strict";
  
  const fs = require("fs");
  const path = require("path");
  
  const restrictedPaths = [
    { name: "react-bootstrap" },
    { name: "@material-ui/core" }
  ].map(pkg =&gt;
    fs
      .readdirSync(path.dirname(require.resolve(`${pkg.name}/package.json`)))
      .map(component =&gt; ({
        name: `${pkg.name}/${component}`,
        message: `This loads CommonJS version of the package. To fix replace with: import { ${component} } from "${pkg.name}";`
      }))
  );
  
  module.exports = {
    extends: "eslint-config-react-app",
    rules: {
      // "no-script-url": "warn",
      "jsx-a11y/anchor-is-valid": "warn",
      "no-restricted-imports": ["error", { paths: [].concat(...restrictedPaths) }]
    }
  };
  </code></pre>
  
  <p>How can I solve this problem? <br>
  Is the error displayed for rules in<code>.eslintrc.js</code>? </p>