diff --git a/src/hooks/web/useMessage.tsx b/src/hooks/web/useMessage.tsx
index 06e2592..bae9cd9 100644
--- a/src/hooks/web/useMessage.tsx
+++ b/src/hooks/web/useMessage.tsx
@@ -35,21 +35,30 @@ interface ConfirmOptions {
 }
 
 function getIcon(iconType: string) {
-  if (iconType === 'warning') {
-    return <InfoCircleFilled class="modal-icon-warning" />;
-  } else if (iconType === 'success') {
-    return <CheckCircleFilled class="modal-icon-success" />;
-  } else if (iconType === 'info') {
-    return <InfoCircleFilled class="modal-icon-info" />;
-  } else {
-    return <CloseCircleFilled class="modal-icon-error" />;
+  try {
+    if (iconType === 'warning') {
+      return <InfoCircleFilled class="modal-icon-warning" />;
+    } else if (iconType === 'success') {
+      return <CheckCircleFilled class="modal-icon-success" />;
+    } else if (iconType === 'info') {
+      return <InfoCircleFilled class="modal-icon-info" />;
+    } else {
+      return <CloseCircleFilled class="modal-icon-error" />;
+    }
+  } catch(e) {
+    console.log(e);
   }
 }
 
 function renderContent({ content }: Pick<ModalOptionsEx, 'content'>) {
-  if (isString(content)) {
-    return <div innerHTML={`<div>${content as string}</div>`}></div>;
-  } else {
+  try {
+    if (isString(content)) {
+      return <div innerHTML={`<div>${content as string}</div>`}></div>;
+    } else {
+      return content;
+    }
+  } catch(e) {
+    console.log(e);
     return content;
   }
 }