Cache transformed body

src/element/Text.js

@@ -9,6 +9,7 @@ import LazyImage from "./LazyImage";
 import Hashtag from "./Hashtag";
 
 import './Text.css'
+import { useMemo } from "react";
 
 function transformHttpLink(a) {
     try {
@@ -162,11 +163,13 @@ function transformText({ body, tags, users }) {
 }
 
 export default function Text({ content, tags, users }) {
-    const components = {
+    const components = useMemo(() => {
+        return {
             p: (props) => transformParagraph({ body: props.children, tags, users }),
             a: (props) => transformHttpLink(props.href),
             li: (props) => transformLi({ body: props.children, tags, users }),
-    }
+        };
+    }, [content]);
     return <ReactMarkdown className="text" components={components}>{content}</ReactMarkdown>
 }