Debug data storage issues in the Weekly Report Builder:
Check localStorage hook:
- Review
App.tsxforuseLocalStoragehook implementation - Verify the storage key is consistent
- Check if data is being read on mount
- Review
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
Check JSON parsing:
- Ensure all
JSON.parsecalls are wrapped in try/catch - Verify
JSON.stringifyhandles circular references - Check for proper null/undefined handling
- Ensure all
Debug steps:
// Add to browser console: console.log(localStorage.getItem('YOUR_KEY'));Common issues:
- Storage quota exceeded
- Parsing errors on corrupted data
- Race conditions between read/write
- Effects running before hydration
Check server-side storage:
- Review
server/index.tsfor file-based persistence - Check
data/directory for JSON files
- Review