React Native Eslint Warning: Missing semicolon. eslint(semi)

상황

module.exports = {
  root: true,
  extends: '@react-native-community',
  parser: '@typescript-eslint/parser',
  plugins: ['react', 'react-hooks', '@typescript-eslint', 'prettier'],
  overrides: [
    {
      files: ['*.ts', '*.tsx'],
      rules: {
        '@typescript-eslint/no-shadow': ['error'],
        'no-shadow': 'off',
        'no-undef': 'off',
        semi: ['error', 'never'],
        'react-native/no-inline-styles': 0,
        'prettier/prettier': 'error',
      },
    },
  ],
}

세미콜론은 안쓰는 것을 선호해서 그렇게 설정해줬는데 .eslintrc.js에서 계속 다음과 같은 에러가 뜸.
on save에 eslint 적용되게 해둬서, save 할 때 마다 세미콜론이 붙었다 안붙었다 난리가 남

 

 

 

에러 메세지

 

 

 

해결 방법

원래 이렇게 되어있던 것을

files: ['*.ts', '*.tsx'],

이렇게 수정해준다.

files: ['*.ts', '*.tsx', '*.js', '*.jsx'],

 

 

이유

바보같이 files에 js 추가를 안해줬다. 그러니 당연히 eslintrc.js 파일에선 디폴트로 세미 콜론을 쓰도록 되어있으니 충돌이 난 것이다.