# Debug Data

> Debug data storage and persistence issues. Use when troubleshooting lost data, storage problems, or state persistence bugs.

- Skill: `majiayu000/debug-data` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/debug-data`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/debug-data/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/debug-data

---


Debug data storage issues in the Weekly Report Builder:

1. **Check localStorage hook:**
   - Review `App.tsx` for `useLocalStorage` hook implementation
   - Verify the storage key is consistent
   - Check if data is being read on mount

2. **Verify useEffect dependencies:**
   - All dependencies should be in the array
   - Watch for missing dependencies that could cause stale closures
   - Check for infinite loops from incorrect dependencies

3. **Check JSON parsing:**
   - Ensure all `JSON.parse` calls are wrapped in try/catch
   - Verify `JSON.stringify` handles circular references
   - Check for proper null/undefined handling

4. **Debug steps:**
   ```javascript
   // Add to browser console:
   console.log(localStorage.getItem('YOUR_KEY'));
   ```

5. **Common issues:**
   - Storage quota exceeded
   - Parsing errors on corrupted data
   - Race conditions between read/write
   - Effects running before hydration

6. **Check server-side storage:**
   - Review `server/index.ts` for file-based persistence
   - Check `data/` directory for JSON files