Code Room
Vibe codingMediumvc-g274
Subject Ai refactor migrationLevel Mid–Senior~18 minCommon in Code quality & review interviewsIndustries Software development

Question

You're migrating a large React class component to hooks with an AI agent, one component at a time. The agent confidently converts `componentDidUpdate(prevProps)` logic into a `useEffect`. Below is a sketch of what it produced — explain what behavior changed and how you'd catch it.

jsx
// BEFORE (class)componentDidUpdate(prevProps) {  if (prevProps.userId !== this.props.userId) {    this.fetchUser(this.props.userId);  }} // AFTER (agent's hook)useEffect(() => {  fetchUser(userId);}, [userId, fetchUser]);
What a strong answer looks like

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.

Describe your solution

Vibe coding: describe the solution in plain language (or narrate it) and the coach grades your approach. Generating runnable code from your description is coming next.

Run or narrate your approach, then ask the coach.