Prop Drilling Fix Skill

Diagnose prop drilling chains and refactor them to the cleanest solution — lifted state, Context, or composition — with clear reasoning for the choice.

What Is Prop Drilling?

Prop drilling occurs when a value is passed through intermediate components that don't use it themselves — they only exist in the chain to forward the prop to a deeper consumer.

App (has `user`)
  └── Layout (receives `user`, doesn't use it)
        └── Sidebar (receives `user`, doesn't use it)
              └── UserAvatar (finally uses `user`) ← actual consumer