ESLint warning; defined but never used for react-native components

Question

It shows defined but never used for imported components; even though the very component is used. How do ignore this eslint warning?

Eg:

import { Provider } from 'react-redux';

....

and added inside render function

render(){
<Provider store={appStore}>
 ......
</Provider>
}

It show's Provider is defined but not used. Any help will be appreciated. Thanks,

score 14 · Accepted Answer · answered Feb 04 '18 at 08:02

I've finally fixed it here is the solution;

first, install the eslint-plugin-react and make changes in your .eslintrc.json file.

 {
...
"extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
...
}

1 Answers1