React: Parsing error in my functional component : <p>I installed babel-eslint and added <code>"parser": "babel-eslint"</code> but I'm still getting parsing error.</p>

<p>My package.json is:</p>

<pre><code>{
  "name": "listassign",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^4.4.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.2.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {

    "parser": "babel-eslint",
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      "&gt;0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "babel-eslint": "^10.0.3"
  },
  "extends": [
    "standard",
    "standard-react"
]

}
</code></pre>

<p>I'm getting error in file:</p>

<pre class="lang-js prettyprint-override"><code>function CharComponent(props){

    let displayList = [];

    function delete(e){
        let index = e.target.id;
        displayList.slice(index,1);
    }
</code></pre>

<p>Error is:<code>Parsing error: Unexpected keyword 'delete'</code></p>

<p>I did <a href="https://stackoverflow.com/a/44626825/10390678">this</a> but no help.</p>
