[0.7.7.0] .prettierrc.js options not working anymore

[flixyudh]

Description

I've a default config for prettier, and I want to show an eslint error if the code is not following prettier config. but I notice that .prettierrc.js is not working. is it expected behavior or does the .prettierrc.js is not needed anymore?

Steps to reproduce

1. init project npx @react-native-community/cli@latest init prettierError
2. add the following config into .prettierrc.js

module.exports = {
  arrowParens: 'avoid',
  bracketSameLine: true,
  bracketSpacing: false,
  singleQuote: true,
  jsxSingleQuote: true, // <<< new option
  singleAttributePerLine: true, // <<< new option
  trailingComma: 'all',
};

3. copy this code into App.tsx

import React from 'react';
import {View, useWindowDimensions, Text, SafeAreaView} from 'react-native';

const App = props => {
  const {width, height} = useWindowDimensions();
  const a = "WAKWAW"

  React.useEffect(() => {}, []);

  return (
    <SafeAreaView style={{flex: 1}} id="wakwaw">
      <Text>App</Text>
    </SafeAreaView>
  );
};

App.displayName = 'App';

export default App;

4. run npx prettier App.tsx --config-precedence=file-override --check --loglevel=debug (add --write argument to run the formatter)

React Native Version

0.77.0

Affected Platforms

Other (please specify)

Output of npx react-native info

failed running `npx react-native info` using `Template Reproducer`


> npx react-native info

⚠️ react-native depends on @react-native-community/cli for cli commands. To fix update your package.json to include:


  "devDependencies": {
    "@react-native-community/cli": "latest",
  }

Stacktrace or Logs

VSCode

Reproducer

https://github.com/flixyudh/prettierError

Screenshots and Videos

No response