fix: correctly import sanitize-html

eea · Jul 11, 2024 · ecedec6 · ecedec6
1 parent b26760c
commit ecedec6
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/Utils/FormattedValue.jsx b/src/Utils/FormattedValue.jsx
@@ -36,11 +36,9 @@ const FormattedValue = ({
   const [sanitizeHtmlModule, setSanitizeHtmlModule] = useState(null);
 
   useEffect(() => {
-    const loadModule = async () => {
-      const module = await import('sanitize-html');
-      setSanitizeHtmlModule(module);
-    };
-    loadModule();
+    import('sanitize-html').then((module) => {
+      setSanitizeHtmlModule(module.default);
+    });
   }, []);
 
   const originalValue = value;
@@ -77,11 +75,13 @@ const FormattedValue = ({
           const html =
             isLink && isObject(link) && link.title
               ? link.title
-              : sanitizeHtmlModule(value, {
-                  allowedAttributes: {
-                    span: ['id'],
-                  },
-                }) || '';
+              : (sanitizeHtmlModule &&
+                  sanitizeHtmlModule(value, {
+                    allowedAttributes: {
+                      span: ['id'],
+                    },
+                  })) ||
+                '';
 
           return wrapped ? (
             <Link {...linkProps}>