fix: await dynamic css import #2339

h2oai · Jun 4, 2024 · 528d7e0 · 528d7e0
1 parent b4c6ad4
commit 528d7e0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/ui/src/markdown.tsx b/ui/src/markdown.tsx
@@ -80,6 +80,8 @@ const highlightSyntax = async (str: S, language: S, codeElementId: S) => {
 
   return highlightedCode
 }
+const importMd = async () => await import('./markdown.css')
+
 
 export const Markdown = ({ source, compact = true }: { source: S, compact?: B }) => {
   const
@@ -118,7 +120,7 @@ export const Markdown = ({ source, compact = true }: { source: S, compact?: B })
         return false
       }
     }
-  React.useEffect(() => { import('./markdown.css') }, [])
+  React.useEffect(() => void importMd(), [])
   return <div onClick={onClick} className={`wave-markdown ${compact ? '' : 'wave-prose'}`} dangerouslySetInnerHTML={{ __html: html }} />
 }