My .eslintrc.js file looks like

module.exports = {
  parser: '@babel/eslint-parser',
  extends: ['eslint:recommended', 'plugin:flowtype/recommended', 'plugin:react/recommended'],
  plugins: ['flowtype', 'react'],
  settings: {
    react: {
      version: 'detect'
    },
    flowtype: {
      onlyFilesWithFlowAnnotation: false
    },
    import: {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }
    }
  },
  env: {
    es6: true,
    mocha: true,
    node: true
  },
  rules: {
    eqeqeq: ['error', 'always'],
    'no-console': 'off',
    'no-var': 'off',
    'prefer-const': 'off',
    'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
    'flowtype/space-after-type-colon': [2, 'always', { allowLineBreak: true }],
    'flowtype/generic-spacing': 'off',
    'flowtype/no-types-missing-file-annotation': 'off',
    'react/no-deprecated': 'off'
  }
};

But flowtype is not working with eslint. I am getting following error when I import flowtype types:

ESLint: Parsing error: Unexpected token (2:12)

Any help or suggestion would be appreciated.