• Component to display GraphQL errors in a consistent format

    Features:

    • User-friendly error message conversion
    • Consistent error styling
    • Accessible error presentation
    • Icon-based visual indicators
    • Support for multiple error types

    Error Types Handled:

    • User not found errors
    • Authentication failures
    • API rate limiting
    • Network errors
    • Generic fallback errors

    Parameters

    • props: ErrorDisplayProps

      Component properties

      Props for the ErrorDisplay component

      ErrorDisplayProps

      • error: ApolloError

        The Apollo error object to display

    Returns null | Element

    The rendered error display

    <ErrorDisplay
    error={new ApolloError({
    errorMessage: 'Could not resolve to a User'
    })}
    />