Input

import {mutate} from 'shared-runtime';

function Component({a}) {
  let x = {a};
  let y = {};
  const f0 = function () {
    let a = y;
    a.x = x;
  };
  f0();
  mutate(y);
  return y;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{a: 2}],
  sequentialRenders: [{a: 2}, {a: 2}, {a: 3}],
};

Code

import { c as _c } from "react/compiler-runtime";
import { mutate } from "shared-runtime";

function Component(t0) {
  const $ = _c(2);
  const { a } = t0;
  let y;
  if ($[0] !== a) {
    const x = { a };
    y = {};
    const f0 = function () {
      const a_0 = y;
      a_0.x = x;
    };

    f0();
    mutate(y);
    $[0] = a;
    $[1] = y;
  } else {
    y = $[1];
  }
  return y;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{ a: 2 }],
  sequentialRenders: [{ a: 2 }, { a: 2 }, { a: 3 }],
};

Eval output

(kind: ok) {"x":{"a":2},"wat0":"joe"} {"x":{"a":2},"wat0":"joe"} {"x":{"a":3},"wat0":"joe"}