![\"react-error-boundary](\"https://react-error-boundary-lib.vercel.app/og.png\")
\n\n`react-error-boundary`: Reusable React [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary) component. Supports all React renderers (including React DOM and React Native).\n\n### If you like this project, ???? [become a sponsor](https://github.com/sponsors/bvaughn/) or ☕ [buy me a coffee](http://givebrian.coffee/)\n\n## Getting started\n\n```sh\n# npm\nnpm install react-error-boundary\n\n# pnpm\npnpm add react-error-boundary\n\n# yarn\nyarn add react-error-boundary\n```\n\n## FAQs\n\nFrequently asked questions can be found [here](https://react-error-boundary-lib.vercel.app/common-questions).\n\n## API\n\n### ErrorBoundary\n\n\nA reusable React [error boundary](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary) component.\nWrap this component around other React components to \"catch\" errors and render a fallback UI.\n\nThis package is built on top of React [error boundaries](https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary),\nso it has all of the advantages and constraints of that API.\nThis means that it can't catch errors during:\n- Server side rendering\n- Event handlers\n- Asynchronous code (including effects)\n\nℹ️ The component provides several ways to render a fallback: `fallback`, `fallbackRender`, and `FallbackComponent`.\nRefer to the documentation to determine which is best for your application.\n\nℹ️ This is a **client component**. You can only pass props to it that are serializeable or use it in files that have a `\"use client\";` directive.\n\n\n#### Required props\n\n\nNone\n\n\n#### Optional props\n\n\n\n| Name | \nDescription | \n
|---|---|
| onError | \nOptional callback to enable e.g. logging error information to a server.\n@param error Value that was thrown; typically an instance of | \n
| onReset | \nOptional callback to to be notified when an error boundary is "reset" so React can retry the failed render. \n | \n
| resetKeys | \nWhen changed, these keys will reset a triggered error boundary.\nThis can be useful when an error condition may be tied to some specific state (that can be uniquely identified by key).\nSee the the documentation for examples of how to use this prop. \n | \n
| fallback | \nStatic content to render in place of an error if one is thrown. \n | \n
| FallbackComponent | \nReact component responsible for returning a fallback UI based on a thrown value. \n | \n
| fallbackRender | \nRender prop function responsible for returning a fallback UI based on a thrown value. \n | \n