hardFrontend

Why does updating Context re-render all its consumers, and how do you fix it?

Q: Why does updating Context re-render all its consumers, and how do you fix it?

Every component calling `useContext` re-renders whenever the context **value changes by reference**. Context has no built-in selector, so even a consumer that reads a single field re-renders on any value change — and if you create a new value object each render, *all* consumers re-render every time. value reference changes → every consumer re-renders (no selector) Provider value <line x1="260" y

636 views

Understand the problem

Context lacks selectors; strategies to avoid wide re-renders.

reactcontextperformance

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

What underlying mechanism makes the Rules of Hooks mandatory?

Why must React state updates be immutable?