Why did this component render?

Briefing

A leaf component re-renders on every keystroke in an unrelated input. Its props look identical. What actually triggers a render?

Nothing it displays changed. It rendered anyway. Four causes, and only one of them is a bug.

Laboratory

React Lab

Level

DEVELOPER

Estimated time

10 minutes

Method

simulation

Variables under observation

render phasecommit phasereferential equalitymemocontext