DeepFrontend
Learning Paths
Practice
System Design & DS
Design Studio
Data Structures Curriculum
Real-World Case Studies
Careers
Job Board
Resume Builder
Blog
Sign in
Search
⌘K
Go Pro
Loading compiler resources...
Frontend Performance Quiz Practice
Active Recall Drill Session
← Exit Session
Question 1 of 1
medium
Frontend Performance
A code review finds `<Child data={{ id: props.id }} />` passed to a React.memo-wrapped Child on every render of the parent. What's the issue?
A
No issue — React.memo handles this correctly
B
The inline object literal { id: props.id } creates a NEW reference every render, defeating React.memo's shallow comparison exactly like the unmemoized function in Try It — needs useMemo on the object or restructuring to pass primitives
C
This is only a problem if the object has more than 3 keys
D
React.memo cannot accept object props under any circumstances
Check Answer