support ErrorBoundary in asBaseComponent (#1041)

* support ErrorBoundary in asBaseComponent

* fix public changes

Author: lidord-wix

generatedTypes/commons/UIComponent.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 export default class UIComponent<P = {}, S = {}, SS = any> extends React.PureComponent<P, S, SS> {
+    static defaultProps: any;
 }

src/commons/UIComponent.ts

@@ -2,4 +2,6 @@ import React from 'react';
 
 // For use of applying dynamic context over all components
 
-export default class UIComponent<P = {}, S = {}, SS = any> extends React.PureComponent<P, S, SS> {}
+export default class UIComponent<P = {}, S = {}, SS = any> extends React.PureComponent<P, S, SS> {
+  static defaultProps: any;
+}

src/commons/asBaseComponent.tsx

@@ -25,17 +25,30 @@ function asBaseComponent<PROPS, STATICS = {}>(WrappedComponent: React.ComponentT
     static propTypes: any;
     static defaultProps: any;
 
+    state = {
+      error: false
+    };
+
     static getThemeProps = (props: any, context: any) => {
       return Modifiers.getThemeProps.call(WrappedComponent, props, context);
     }
 
+    static getDerivedStateFromError(error: any) {
+      UIComponent.defaultProps?.onError(error, WrappedComponent.defaultProps);
+      return {error: true};
+    }
+
     render() {
       const themeProps = BaseComponent.getThemeProps(this.props, this.context);
       const modifiers = Modifiers.generateModifiersStyle(undefined, themeProps);
       // TODO: omit original modifiers props (left, right, flex, etc..)
       // Because they throws an error when being passed to RNView on Android
       const {forwardedRef, ...others} = themeProps;
-      return <WrappedComponent {...others} modifiers={modifiers} ref={forwardedRef}/>;
+      return (
+        (this.state.error && UIComponent.defaultProps?.renderError) || (
+          <WrappedComponent {...others} modifiers={modifiers} ref={forwardedRef} />
+        )
+      )
     }
   }