inclued code blocks in html (codemirror renders after load)

phartenfeller · Feb 4, 2024 · 38a1e9f · 38a1e9f
1 parent f03c97b
commit 38a1e9f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/blog/Codemirror.jsx b/src/components/blog/Codemirror.jsx
@@ -9,7 +9,16 @@ const Codemirror = ({ lang, code }) => {
     fontSize: 14,
   });
 
-  return <div className="max-w-[90vw]" ref={codeRef} />;
+  const [isMounted, setIsMounted] = React.useState(false);
+  React.useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return (
+    <div className="max-w-[90vw]" ref={codeRef}>
+      {!isMounted && <code>{code}</code>}
+    </div>
+  );
 };
 
 Codemirror.propTypes = {