【create-react-app】でeslint走らせたら「parsing error the keyword ‘import’ is reserved」

【create-react-app】でeslint走らせたら「parsing error the keyword 'import' is reserved」

やりたいこと

create-react-appでprettierで整形してからeslintをコミット前にチェックしてエラーがあったらコミットを中止する

結論
・eslintとbabel-eslintの互換性あるバージョンをインストール
https://github.com/babel/babel-eslint

・babel-eslintをinstall

・parserを設定する
プロジェクト直下に.eslintrcを作る。(yarnはeslintrcを自動で作ってくれないので手動で)
.eslintrc

{
"parser": "babel-eslint",
"rules": {
"strict": 0
}
}

----
Im using reacta-create-app
when i setting prettier config,
it apper error message,
「parsing error the keyword 'import' is reserved」

i check eslint version, and then install babel-eslint
add parser fileld as babel-eslint as value

run precommit command

nothing error

import is keyword,
eslint don't know it,
you need install babel-eslint as parser

thenk you