Rescript React Error boundary usage

// ErrorBoundary.js import React from "react"; class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { // Update state so the next render will show the fallback UI. return { hasError: true }; } componentDidCatch(error, errorInfo) { // You can also log the error to an error reporting service //logErrorToMyService(error, errorInfo); console.log({ error, errorInfo }); } render() { if (this.state.hasError) { // You can render any custom fallback UI return <h1>Something went wrong.</h1>; } return this.props.children; } } export default ErrorBoundary; 

// ReactErrorBoundary.res @react.component @module("./ErrorBoundary.js") external make: ( ~children: React.element, ~onError: ('e, 'i) => unit=?, ~renderFallback: ('e, 'i) => React.element=?, ) => React.element = "ErrorBoundary" 

// Error.res module Error = { @react.component let make = (~error) => { <div> {React.string(error)} </div> } } 

// ReactErrorBoundary usage <ReactErrorBoundary fallback={params => <Error error=params.error />}> <ComponentThrowingException /> </ReactErrorBoundary>