Skip to content

Runtime Errors: API Failures & MobX Strict Mode Violations. #90

@Lil-mast

Description

@Lil-mast

The app encounters multiple runtime errors that degrade user experience and cause crashes:

  1. Broadcast API 404/503 - https://itsvg.in/api/broadcast returns 404 when deployment is paused
  2. Axios Unhandled Errors - Network failures throw uncaught promises
  3. MobX Strict Mode Violations - Direct observable mutations trigger warnings/errors
  4. External API 503s - github-readme-stats.vercel.app service outages cause broken images
  5. Form Submission Warnings - Disconnected forms trigger browser warnings

To Reproduce
Steps to reproduce the behavior:

  1. Run npm run dev
  2. Open browser console
  3. Navigate through the app (especially GitHub stats section)
  4. Observe console errors when external APIs are down

Expected behavior
App should gracefully handle external API failures

  • No console errors or crashes from network issues

  • MobX state updates should not violate strict mode

  • OS: Windows, Ubuntu

  • Browser: chrome, edge

Proposed Solution

Implement comprehensive error handling:

  • Add try/catch for all Axios requests
  • Wrap MobX mutations in actions
  • Add onError handlers for external images
  • Provide fallback UI states for failed API calls

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions