Answer
Inconsistent output causes layout shifts, hydration mismatches, and unstable UI trees during re-renders.
Quick Answer
React reconciles by comparing element type at each position. Returning 3 elements sometimes and 1 element other times means React sees different types at different positions and unmounts/remounts. This destroys component state unexpectedly. Use conditional rendering within a stable list structure to keep component identity consistent.
S
SugharaIQ Editorial Team
Verified Answer
This answer has been peer-reviewed by industry experts holding senior engineering roles to ensure technical accuracy and relevance for modern interview standards.
Want to bookmark, take notes, or join discussions?
Sign in to access all features and personalize your learning experience.
Source: SugharaIQ