Error Boundary Creator

Instructions

When implementing error handling:

1. Identify error-prone areas (async operations, third-party integrations)
2. Create appropriate error boundaries
3. Design fallback UIs
4. Set up error reporting

Basic Error Boundary

'use client';

import { Component, ErrorInfo, ReactNode } from 'react';

interface Props {