问升级React应用程序使用JSX转换-破坏应用程序(Propery 'React‘不存在)

EN

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      '@babel/plugin-proposal-decorators',
      {
        legacy: true,
      },
    ],
    [
      '@babel/plugin-transform-react-jsx',
      {
        runtime: 'automatic',
      },
    ],
    'react-native-reanimated/plugin',
  ],
};

{
  "parser": "@babel/eslint-parser",
  "env": {
    "browser": true,
    "react-native/react-native": true,
    "es6": true,
    "node": true
  },
  "extends": [
    "@react-native-community",
    "plugin:react/recommended",
    "airbnb-base",
    "prettier/react"
  ],
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "plugins": [
    "react",
    "react-native",
    "prettier"
  ],
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    "object-curly-newline": 0,
    "max-len": [
      "error",
      {
        "code": 100,
        "comments": 150,
        "ignoreTrailingComments": true,
        "ignoreUrls": true
      }
    ],
    "indent": [
      "warn",
      2
    ],
    "linebreak-style": [
      "error",
      "unix"
    ],
    "quotes": [
      2,
      "single",
      {
        "avoidEscape": true,
        "allowTemplateLiterals": true
      }
    ],
    "semi": [
      "error",
      "always"
    ],
    "react-native/no-unused-styles": 2,
    "react-native/split-platform-components": 2,
    "react-native/no-inline-styles": 2,
    "react-native/no-color-literals": 2,
    "react-native/no-raw-text": 2,
    "prettier/prettier": [
      "warn",
      {
        "endOfLine": "auto",
        "bracketSpacing": true
      }
    ]
  }
}