feat(slim/blocks): add ErrorHandler block

Author: ramsunvtech

recipes/slim/snippets/sources/components/blocks/ErrorHandler/ErrorHandler.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react'
+
+export default class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props)
+    this.state = { error: null, errorInfo: null }
+  }
+
+  componentDidCatch(error, errorInfo) {
+    // Catch errors in any components below and re-render with error message
+    this.setState({
+      error: error,
+      errorInfo: errorInfo,
+    })
+    // You can also log error messages to an error reporting service here
+  }
+
+  render() {
+    if (this.state.errorInfo) {
+      // Error path
+      return (
+        <div>
+          <h2>Something went wrong.</h2>
+          <details style={{ whiteSpace: 'pre-wrap' }}>
+            {this.state.error && this.state.error.toString()}
+            <br />
+            {this.state.errorInfo.componentStack}
+          </details>
+        </div>
+      )
+    }
+    // Normally, just render children
+    return this.props.children
+  }
+}

recipes/slim/snippets/sources/components/blocks/ErrorHandler/index.js

@@ -0,0 +1 @@
+export { default } from './ErrorHandler'