---
title: Reset State with Key Prop
impact: MEDIUM
impactDescription: eliminates unnecessary effect for state reset
tags: effect, key, state, optimization, custom
---

# Reset State with Key Prop

Don't use effects to reset state on prop change. Use the `key` prop.

```tsx
// BAD: effect to reset state
useEffect(() => { setComment('') }, [userId])

// GOOD: key prop resets component state
<Profile userId={userId} key={userId} />
```