[BE] upgrade prettier to 3.3.3 (#30420)

Mostly just changes in ternary formatting.

Author: kassens

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.expect.md

@@ -6,13 +6,9 @@ import {useNoAlias} from 'shared-runtime';
 
 function Component(props) {
   const item = {a: props.a};
-  const x = useNoAlias(
-    item,
-    () => {
-      console.log(props);
-    },
-    [props.a]
-  );
+  const x = useNoAlias(item, () => {
+    console.log(props);
+  }, [props.a]);
   return [x, item];
 }
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-noAlias.js

@@ -2,13 +2,9 @@ import {useNoAlias} from 'shared-runtime';
 
 function Component(props) {
   const item = {a: props.a};
-  const x = useNoAlias(
-    item,
-    () => {
-      console.log(props);
-    },
-    [props.a]
-  );
+  const x = useNoAlias(item, () => {
+    console.log(props);
+  }, [props.a]);
   return [x, item];
 }
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.expect.md

@@ -11,11 +11,11 @@ function useFoo(cond) {
   const derived1 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived2 = cond ?? Math.min(sourceDep, 1) ? 1 : 2;
+  const derived2 = (cond ?? Math.min(sourceDep, 1)) ? 1 : 2;
   const derived3 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived4 = Math.min(sourceDep, -1) ?? cond ? 1 : 2;
+  const derived4 = (Math.min(sourceDep, -1) ?? cond) ? 1 : 2;
   return [derived1, derived2, derived3, derived4];
 }
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-constant-prop.ts

@@ -7,11 +7,11 @@ function useFoo(cond) {
   const derived1 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived2 = cond ?? Math.min(sourceDep, 1) ? 1 : 2;
+  const derived2 = (cond ?? Math.min(sourceDep, 1)) ? 1 : 2;
   const derived3 = useMemo(() => {
     return identity(sourceDep);
   }, [sourceDep]);
-  const derived4 = Math.min(sourceDep, -1) ?? cond ? 1 : 2;
+  const derived4 = (Math.min(sourceDep, -1) ?? cond) ? 1 : 2;
   return [derived1, derived2, derived3, derived4];
 }
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.expect.md

@@ -3,7 +3,7 @@
 
 ```javascript
 function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
   const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
   return a ? b : null;
 }

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/ternary-expression.js

@@ -1,5 +1,5 @@
 function ternary(props) {
-  const a = props.a && props.b ? props.c || props.d : props.e ?? props.f;
+  const a = props.a && props.b ? props.c || props.d : (props.e ?? props.f);
   const b = props.a ? (props.b && props.c ? props.d : props.e) : props.f;
   return a ? b : null;
 }

package.json

@@ -80,7 +80,7 @@
     "minimist": "^1.2.3",
     "mkdirp": "^0.5.1",
     "ncp": "^2.0.0",
-    "prettier": "3.0.3",
+    "prettier": "^3.3.3",
     "prettier-2": "npm:prettier@^2",
     "pretty-format": "^29.4.1",
     "prop-types": "^15.6.2",

packages/react-debug-tools/src/ReactDebugHooks.js

@@ -284,9 +284,9 @@ function useState<S>(
     hook !== null
       ? hook.memoizedState
       : typeof initialState === 'function'
-      ? // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-        initialState()
-      : initialState;
+        ? // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+          initialState()
+        : initialState;
   hookLog.push({
     displayName: null,
     primitive: 'State',

packages/react-debug-tools/src/__tests__/ReactHooksInspectionIntegration-test.js

@@ -182,14 +182,10 @@ describe('ReactHooksInspectionIntegration', () => {
       React.useLayoutEffect(effect);
       React.useEffect(effect);
 
-      React.useImperativeHandle(
-        outsideRef,
-        () => {
-          // Return a function so that jest treats them as non-equal.
-          return function Instance() {};
-        },
-        [],
-      );
+      React.useImperativeHandle(outsideRef, () => {
+        // Return a function so that jest treats them as non-equal.
+        return function Instance() {};
+      }, []);
 
       React.useMemo(() => state1 + state2, [state1]);
 
@@ -472,14 +468,10 @@ describe('ReactHooksInspectionIntegration', () => {
       React.useLayoutEffect(effect);
       React.useEffect(effect);
 
-      React.useImperativeHandle(
-        outsideRef,
-        () => {
-          // Return a function so that jest treats them as non-equal.
-          return function Instance() {};
-        },
-        [],
-      );
+      React.useImperativeHandle(outsideRef, () => {
+        // Return a function so that jest treats them as non-equal.
+        return function Instance() {};
+      }, []);
 
       React.useMemo(() => state1 + state2, [state1]);
 

packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js

@@ -349,8 +349,8 @@ export default function ComponentsSettings(_: {}): React.Node {
                     componentFilter.isValid === false
                       ? 'Filter invalid'
                       : componentFilter.isEnabled
-                      ? 'Filter enabled'
-                      : 'Filter disabled'
+                        ? 'Filter enabled'
+                        : 'Filter disabled'
                   }>
                   <ToggleIcon
                     isEnabled={componentFilter.isEnabled}