S2786: 'View' cannot be used as a JSX component.

Environment

Node version: v14.17.5 npm version: v7.21.1 Local ESLint version: v8.14.0 (Currently used) Global ESLint version: Not found Operating System: darwin 21.1.0

What parser are you using?

@typescript-eslint/parser

What did you do?

Configuration

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:prettier/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint"
    ],
    "rules": {
        "@typescript-eslint/ban-ts-comment": "off",
        "prettier/prettier": "error"
    },
    "globals": {
        "__DEV__": true
    }
}

import React from 'react';
// @ts-ignore
import DoubleBounce from 'react-native-loader';
import {View} from 'react-native';

const DoubleBounceLoader: React.FC = () => (
  <View>
    <DoubleBounce size={16} color="#3A3A3A" />
  </View>
);

export default DoubleBounceLoader;

What did you expect to happen?

Working eslint configuration

What actually happened?

TS2786: ‘View’ cannot be used as a JSX component.   Its instance type ‘View’ is not a valid JSX element.     The types returned by ‘render()’ are incompatible between these types.       Type ‘import(“/Users/mikhailkiselyov/WebstormProjects/publife/node_modules/@types/react-native/node_modules/@types/react/index”).ReactNode’ is not assignable to type ‘React.ReactNode’.         Type ‘{}’ is not assignable to type ‘ReactNode’.

Participation

• I am willing to submit a pull request for this issue.

Additional comments

No response

[TalhaBlueEast]

I’m facing the same issue about this error. I add the below code to my package.json file.

"resolutions": {
  "@types/react": "17.0.2",
  "@types/react-dom": "17.0.2",
  "graphql": "^16.5.0"
},

Then, Run yarn install on a terminal.

It works for me.

[DJ-Icebear]

For me the issue was I was importing types explicitly when not needed: I removed two lines from the package.json:

 "@types/react": "~18.0.0",
 "@types/react-native": "~0.69.1",