Show fallback while katex is loading

cinnyapp · Apr 24, 2022 · 828d33b · 828d33b
1 parent f725713
commit 828d33b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/util/twemojify.jsx b/src/util/twemojify.jsx
@@ -10,11 +10,12 @@ const Math = lazy(() => import('../app/atoms/math/Math'));
 
 const mathOptions = {
   replace: (node) => {
-    if (node.attribs?.['data-mx-maths']) {
+    const maths = node.attribs?.['data-mx-maths'];
+    if (maths) {
       return (
-        <Suspense fallback={<div />}>
+        <Suspense fallback={<code>{maths}</code>}>
           <Math
-            content={node.attribs['data-mx-maths']}
+            content={maths}
             throwOnError={false}
             errorColor="var(--tc-danger-normal)"
             displayMode={node.name === 'div'}