bun-src/test/bundler/transpiler/react-compiler-fixtures/hoisting-setstate-captured-indirectly-jsx.expect.md

Input

// @validatePreserveExistingMemoizationGuarantees
function useFoo() {
  const onClick = response => {
    setState(DISABLED_FORM);
  };

  const [state, setState] = useState();
  const handleLogout = useCallback(() => {
    setState(DISABLED_FORM);
  }, [setState]);
  const getComponent = () => {
    return <ColumnItem onPress={() => handleLogout()} />;
  };

  // this `getComponent` call should not be inferred as mutating setState
  return [getComponent(), onClick]; // pass onClick to avoid dce
}

Code

import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMemoizationGuarantees
function useFoo() {
  const $ = _c(7);
  const onClick = (response) => {
    setState(DISABLED_FORM);
  };

  const [, t0] = useState();
  const setState = t0;
  let t1;
  if ($[0] !== setState) {
    t1 = () => {
      setState(DISABLED_FORM);
    };
    $[0] = setState;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  setState;
  const handleLogout = t1;
  let t2;
  if ($[2] !== handleLogout) {
    const getComponent = () => <ColumnItem onPress={() => handleLogout()} />;
    t2 = getComponent();
    $[2] = handleLogout;
    $[3] = t2;
  } else {
    t2 = $[3];
  }
  let t3;
  if ($[4] !== onClick || $[5] !== t2) {
    t3 = [t2, onClick];
    $[4] = onClick;
    $[5] = t2;
    $[6] = t3;
  } else {
    t3 = $[6];
  }
  return t3;
}

Eval output

(kind: exception) Fixture not implemented