Error Boundary — это механизм в React для отлова ошибок в компонентах и их дочерних элементах. Он работает как try-catch, но для компонентов. **Как использовать:** 1. Создаем классовый компонент с методами `componentDidCatch` и `getDerivedStateFromError`. 2. Оборачиваем проблемные компоненты в этот Error Boundary. ```jsx class ErrorBoundary extends React.Component { state = { hasError: false }; static getDerivedStateFromError() { return { hasError: true }; } componentDidCatch(error, info) { console.error("Error caught:", error, info); } render() { if (this.state.hasError) { return

Something went wrong

; } return this.props.children; } } // Использование ``` **Ограничения:** - Не ловит ошибки в обработчиках событий (используй try-catch). - Не перехватывает ошибки в асинхронном коде (setTimeout, промисы). - Не работает в SSR (Next.js требует кастомных решений).