Error Boundary — это компонент React, который перехватывает ошибки JavaScript в дочерних компонентах, логирует их и отображает запасной UI вместо упавшего поддерева. ```jsx class ErrorBoundary extends React.Component { state = { hasError: false }; static getDerivedStateFromError(error) { return { hasError: true }; } componentDidCatch(error, errorInfo) { console.error("Error caught by ErrorBoundary:", error, errorInfo); } render() { if (this.state.hasError) { return this.props.fallback ||

Something went wrong.

; } return this.props.children; } } ``` Использование: ```jsx Custom fallback UI}> ``` Важные нюансы: 1. Error Boundary не ловит ошибки в обработчиках событий, асинхронном коде (setTimeout, промисы), SSR и самом boundary-компоненте 2. В production-режиме ошибки всплывают до ближайшего boundary, в dev — показывается overlay 3. Можно использовать несколько boundary для разных частей приложения