prettier

Author: TrickyPi

compiler/packages/babel-plugin-react-compiler/src/Inference/InferReferenceEffects.ts

@@ -2117,9 +2117,9 @@ function getWriteErrorReason(abstractValue: AbstractValue): string {
     return "Mutating component props or hook arguments is not allowed. Consider using a local variable instead";
   } else if (abstractValue.reason.has(ValueReason.State)) {
     return "Mutating a value returned from 'useState()', which should not be mutated. Use the setter function to update instead";
-  } else if(abstractValue.reason.has(ValueReason.ReducerState)){
+  } else if (abstractValue.reason.has(ValueReason.ReducerState)) {
     return "Mutating a value returned from 'useReducer()', which should not be mutated. Use the dispatch function to update instead";
-  } {
+  } else {
     return "This mutates a variable that React considers immutable";
   }
 }

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.expect.md

@@ -5,7 +5,7 @@
 import { useReducer } from "react";
 
 function Foo() {
-  let [state, setState] = useReducer({foo:1});
+  let [state, setState] = useReducer({ foo: 1 });
   state.foo = 1;
   return state;
 }
@@ -17,7 +17,7 @@ function Foo() {
 
 ```
   3 | function Foo() {
-  4 |   let [state, setState] = useReducer({foo:1});
+  4 |   let [state, setState] = useReducer({ foo: 1 });
 > 5 |   state.foo = 1;
     |   ^^^^^ InvalidReact: Mutating a value returned from 'useReducer()', which should not be mutated. Use the dispatch function to update instead (5:5)
   6 |   return state;

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.modify-useReducer-state.js

@@ -1,7 +1,7 @@
 import { useReducer } from "react";
 
 function Foo() {
-  let [state, setState] = useReducer({foo:1});
+  let [state, setState] = useReducer({ foo: 1 });
   state.foo = 1;
   return state;
 }

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useReducer-returned-dispatcher-is-non-reactive.expect.md

@@ -9,7 +9,7 @@ function f() {
 
   const onClick = () => {
     dispatch();
-  }
+  };
 
   return <div onClick={onClick} />;
 }
@@ -52,6 +52,6 @@ export const FIXTURE_ENTRYPOINT = {
 };
 
 ```
-
+      
 ### Eval output
-(kind: ok) <div></div>
+(kind: ok) <div></div>