'Button' cannot be used as a JSX component

user_5437864 0
Viewed 407

enter image description here

These ESLint errors happen with components imported from React Native Paper imports since Expo upgrade from SDK 43 to 45. The project is able to run though.

import { Button } from 'react-native-paper';

There seem to be no ESLint errors in the import.

Any ideas?

expo react-native eslint typescript
3 Answers

Add this in package.json

"resolutions": {
    "@types/react": "<version-of-react>"
},

More info here

user_20928380

try wrapping the Button component in fragments like this : <> </>

user_137306620

Have a try by adding a file extension with .jsx or .tsx if using typescript, when creating a component.

user_172440190
Related