add mounted check before setState

src/index.js

@@ -9,7 +9,7 @@ type Props = {
   mapElements?: { [key: string]: any },
   mapInline?: string | Function,
   mapBlock?: string | Function,
-  children?: Function | null
+  children?: Function | null,
 };
 
 class JsxHtml extends PureComponent {
@@ -22,20 +22,23 @@ class JsxHtml extends PureComponent {
     mapElements: PropTypes.object,
     mapInline: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
     mapBlock: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-    children: PropTypes.func
+    children: PropTypes.func,
   };
 
   static defaultProps: Props = {
     html: '',
     mapElements: {},
     mapInline: '',
     mapBlock: '',
-    children: null
+    children: null,
   };
 
   state = {};
 
+  mounted = false;
+
   componentDidMount() {
+    this.mounted = true;
     this.setContent();
   }
 
@@ -45,14 +48,20 @@ class JsxHtml extends PureComponent {
     }
   }
 
+  componentWillUnmount() {
+    this.mounted = false;
+  }
+
   setContent() {
     convert(
       this.props.html,
       this.props.mapElements,
       this.props.mapInline,
       this.props.mapBlock
     ).then(content => {
-      this.setState({ content });
+      if (this.mounted) {
+        this.setState({ content });
+      }
     });
   }