Debug state management issues in Redux, Vuex, MobX, or similar
Help me debug state management issues in my application.
**State management library:** {{LIBRARY}}
**Framework:** {{FRAMEWORK}}
**Store configuration:**
```{{LANGUAGE}}
{{STORE_CONFIG}}
```
**Action/Reducer code:**
```{{LANGUAGE}}
{{ACTION_REDUCER}}
```
**Component using state:**
```{{LANGUAGE}}
{{COMPONENT}}
```
**Problem description:** {{PROBLEM}}
**Current state snapshot:** {{CURRENT_STATE}}
**Expected state:** {{EXPECTED_STATE}}
Please provide:
1. **State Flow Analysis**: Trace the state update flow
2. **Mutation Detection**: Check for improper state mutations
3. **Action/Dispatch Issues**: Verify action creators and dispatch
4. **Selector Problems**: Check selector implementations
5. **Fixed Implementation**: Corrected state management code
6. **DevTools Tips**: Use Redux/Vue DevTools effectively
7. **Best Practices**: State management best practices
8. **Performance Check**: Prevent unnecessary re-rendersOr press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{LIBRARY][{FRAMEWORK][{LANGUAGE][{STORE_CONFIG][{ACTION_REDUCER][{COMPONENT][{PROBLEM][{CURRENT_STATE][{EXPECTED_STATE]