prettier

Author: TrickyPi

compiler/apps/playground/components/TabbedWindow.tsx

@@ -78,9 +78,7 @@ function TabbedWindowItem({
             title="Minimize tab"
             aria-label="Minimize tab"
             onClick={toggleTabs}
-            className={`p-4 duration-150 ease-in border-b cursor-pointer border-grey-200 ${
-              hasChanged ? "font-bold" : "font-light"
-            } text-secondary hover:text-link`}
+            className={`p-4 duration-150 ease-in border-b cursor-pointer border-grey-200 ${hasChanged ? "font-bold" : "font-light"} text-secondary hover:text-link`}
           >
             - {name}
           </h2>
@@ -93,9 +91,7 @@ function TabbedWindowItem({
             aria-label={`Expand compiler tab: ${name}`}
             style={{ transform: "rotate(90deg) translate(-50%)" }}
             onClick={toggleTabs}
-            className={`flex-grow-0 w-5 transition-colors duration-150 ease-in ${
-              hasChanged ? "font-bold" : "font-light"
-            } text-secondary hover:text-link`}
+            className={`flex-grow-0 w-5 transition-colors duration-150 ease-in ${hasChanged ? "font-bold" : "font-light"} text-secondary hover:text-link`}
           >
             {name}
           </button>

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>