Const// Wrap application with ErrorProvider
<ErrorProvider>
<App />
</ErrorProvider>
// Use in components
const { addError, showToast } = useError();
try {
await fetchData();
} catch (error) {
addError(error, { component: 'DataFetcher' });
showToast({
message: 'Failed to load data',
retry: () => fetchData()
});
}
Error Provider Component
Provides error context to child components, managing error state and toast notifications.