VScode에서 prettier, eslint 설정시 에러

강의 대로 따라가다라 에러가나서 구글링해서 제가 임의로 수정하였습니다. eslint 사용해본 경험이 없어 제가 임의로 한 설정에 의구심이 드네요

 eslint-config-prettier, eslint-plugin-prettier 설치하고

.eslintrc

{
    "parser": "@babel/eslint-parser",
    "parserOptions" :{
        "ecmaVersion" : 2020,
        "sourceType" : "module",
        "ecmaFeatures" : {
            "jsx" : true
        }
    },
    "env": {
        "browser" : true,
        "node" : true,
        "es6" : true
    },
    "extends" : [
        "airbnb",
        "plugin:prettier/recommended"
    ],
    "plugins" : [
        "import",
        "react-hooks"
    ],
    "rules": {
        "jsx-a11y/label-has-associated-control": "off",
        "jsx-a11y/anchor-is-valid": "off",
        "no-console": "off",
        "no-underscore-dangle": "off",
        "react/forbid-prop-types": "off",
        "react/jsx-filename-extension": "off",
        "react/jsx-one-expression-per-line": "off",
        "react/jsx-wrap-multilines": "off",
        "react/no-array-index-key": "off",
        "object-curly-newline": "off",
        "linebreak-style": "off",
        "arrow-body-style": "off",
        "comma-dangle": "off",
        "consistent-return": "off",
        "operator-linebreak": "off",
        "react/function-component-definition" : "off",
        "jsx-a11y/no-noninteractive-element-interactions" : "off",
        "jsx-a11y/click-events-have-key-events" : "off"

    }
}

PostImages.js 에서 img 태그에 onClick={onZoom} 하는 부분에서 jsx-a11y 에러가 나서 그냥 off 했는데 상관없는지,  eslintrc 설정은 문제없는지 봐주시면 감사하겠습니다.