{"id":632,"hash":"f93cbc81bfc8d98e326e8900b05be29ed9c8ad0e452186d5bd3c2a73b1dee042","pattern":"How can I disable the error (prettier/prettier) on eslint?","full_message":"While coding, I was not using eslint. Now I installed it and it has flooded my editor with prettier/prettier errors, which by no way seem like they make my code prettier. I am looking to find a way to solve this.\n\nprettierrc.js:\n\nmodule.exports = {\n  bracketSpacing: true,\n  jsxBracketSameLine: false,\n  singleQuote: true,\n  trailingComma: 'all',\n};\n\neslintrc.js:\n\nmodule.exports = {\n  root: true,\n  extends: '@react-native-community',\n};\n\nAnd finally, some example code:\n\nimport React, {Component} from 'react';\nimport {View, Text, Picker} from 'react-native';\nimport {connect} from 'react-redux';\nimport {employeeUpdate} from '../actions';\nimport {CardSection,  Input} from './common';\n\nclass EmployeeForm extends Component {\n  render(){\n    return (\n      <View>\n      <CardSection>\n        <Input\n          label=\"Name\"\n          placeholder=\"Marco\"\n          value={this.props.name}\n          onChangeText={value => this.props.employeeUpdate({prop: 'name', value})}\n        />\n      </CardSection>\n\n      <CardSection>\n        <Input\n          label=\"Phone\"\n          placeholder=\"555-5555\"\n          value={this.props.phone}\n          onChangeText={value => this.props.employeeUpdate({prop: 'phone', value })}\n        />\n      </CardSection>\n\n      <CardSection style={{ flexDirection: 'row'}}>\n        <Text style={styles.pickerTextStyle}>Shift</Text>\n        <Picker\n        style={{flex: 1}}\n        selectedValue={this.props.shift}\n        onValueChange={value => this.props.employeeUpdate({prop: 'shift', value})}\n        >\n          <Picker.Item label=\"Monday\" value=\"Monday\" />\n          <Picker.Item label=\"Tuesday\" value=\"Tuesday\"/>\n          <Picker.Item label=\"Wednesday\" value=\"Wednesday\"/>\n          <Picker.Item label=\"Thursday\" value=\"Thursday\"/>\n          <Picker.Item label=\"Friday\" value=\"Friday\"/>\n          <Picker.Item label=\"Saturday\" value=\"Saturday\"/>\n          <Picker.Item label=\"Sunday\" value=\"Sunday\"/>\n        </Picker>\n      </CardSection>\n      </View>\n    );\n  }\n}\n\nI am simply trying to remove the error since it is annoying to have thousands of red dots looking to make my code \"prettier\", which is not achieving.","ecosystem":"npm","package_name":"react-native","package_version":null,"solution":"Instead of disabling linting for the file, you can instead disable prettier within the eslintrc.js config file:\n\nmodule.exports = {\n  root: true,\n  extends: '@react-native-community',\n  rules: {\n    'prettier/prettier': 0,\n  },\n};","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/58424718/how-can-i-disable-the-error-prettier-prettier-on-eslint","votes":84,"created_at":"2026-04-19T04:51:24.133873+00:00","updated_at":"2026-04-19T04:51:24.133873+00:00"}