Hook dependency array gap
An AI agent wrote a React/TypeScript custom hook for your team's design system that debounces a search input and fetches results. In review, a teammate asks: "What happens if the component unmounts mid-request, and why did the agent put `query` in the effect's dependency array but not `fetchResults`?" You prompted this hook into existence but skimmed the diff. How should you have prepared, and what's the right way to answer questions about AI code you didn't author?
apply_search_results(events: list[str]) → list[str][["request|1","response|1|apple"]]out["apple"][["request|1","request|2","response|1|old","response|2|new"]]out["new"][["request|1","unmount","response|1|late"]]out[]Treat the AI’s output as a draft to verify, not an answer to trust. Name the specific flaw and the input that triggers it, say how you’d catch it (tests, edge cases, reading critically), and how you’d re-prompt or decompose to get it right.
Vibe & agentic: describe the solution in plain language (or narrate it) and the coach grades your approach.