Gemini 3.1 Pro Preview vs GPT-5.6 Terrafor coding

### Why it loops forever

The infinite loop occurs due to a combination of **React's dependency tracking** and **JavaScript's reference equality**. 

Here is the precise step-by-step breakdown of the loop:

1. **Initial Render:** The component mounts, and `items` is initialized to an empty array `[]`.
2. **Effect Runs:** Because it's the first render, the `useEffect` runs and triggers the `fetch` request.
3. **State Update:** The fetch resolves, parses the JSON, and calls `setItems()` with the fetched array.
4. **Re-render:** Updating the state…

`items` is both:

1. A dependency of the effect: `}, [items])`
2. Updated by the effect: `.then(setItems)`

That creates this cycle:

1. Component renders with `items = []`.
2. The effect runs because it runs after the initial render.
3. `fetch` resolves and `r.json()` produces a new array/object value.
4. `setItems(newItems)` updates state.
5. React re-renders.
6. The `items` dependency is now a different reference than before (`Object.is(oldItems, newItems)` is false).
7. React runs the effect again.
8. It fetches again, creates another new a…