use innerHTML property

2024-11-24 17:16:06 +08:00 · 2024-11-24 17:16:06 +08:00 · 5d6eb7282a
commit 5d6eb7282a
parent f56b92fff0
9 changed files with 48 additions and 110 deletions
--- a/src/timelines/toots/TootAuthorGroup.tsx
+++ b/src/timelines/toots/TootAuthorGroup.tsx
@ -31,14 +31,10 @@ function TootAuthorGroup(
          </Show>
          <Body2
            component="span"
-            ref={(e: { innerHTML: string }) => {
-              createRenderEffect(() => {
-                e.innerHTML = resolveCustomEmoji(
-                  toot().account.displayName,
-                  toot().account.emojis,
-                );
-              });
-            }}
+            innerHTML={resolveCustomEmoji(
+              toot().account.displayName,
+              toot().account.emojis,
+            )}
          />
        </div>
        <time datetime={toot().createdAt}>