Problem 10: Hook Prop Drilling
Passing hook results through props instead of using hooks directly
Messy Approach: Prop Drilling Hooks
Passing hook results through multiple component levels
John
john@example.com
Settings for John
Email: john@example.com
Props: user, isLoading, error, onRefresh, onLogout
Problem: Same props passed to multiple components
Issues
• Props become cluttered with hook results
• Difficult to track data flow
• Components become tightly coupled
• Hard to reuse components independently
• Unnecessary re-renders from prop changes