Instruction file imported from dmitryprg-ai/cursor-develop-autorules (.cursor/rules/standard-error-handling-auto.mdc). Copyright stays with the author.

STANDARD: ERROR HANDLING PATTERNS

React Components — State Triforce

Every data-fetching component MUST handle 3 states:

// GOOD: All 3 states handled
if (isLoading) return <LoadingSpinner />;
if (error) return <ErrorMessage error={error} onRetry={refetch} />;
if (!data || data.length === 0) return <EmptyState message="No items found" />;
return <DataView data={data} />;

API Route Error Handling

Every API route MUST have structured error handling:

// GOOD: Typed error response
router.get('/endpoint', async (req, res) => {
  try {
    const result = await service.getData();
    res.json(result);
  } catch (error) {
    console.error('[endpoint] Error:', error);
    res.status(500).json({
      error: 'Internal server error',
      message: error instanceof Error ? error.message : 'Unknown error'
    });
  }
});

FORBIDDEN

Version: 1.0