From 857497d4fd3afe4ebee03b2bf138f55580928984 Mon Sep 17 00:00:00 2001
From: Eli Mallon <eli@iame.li>
Date: Thu, 5 Mar 2026 14:10:41 -0800
Subject: [PATCH] app: fixes for emoji on native

---
 js/app/utils/emoji.native.ts |  5 +++++
 js/app/utils/emoji.ts        | 13 +++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 js/app/utils/emoji.native.ts

diff --git a/js/app/utils/emoji.native.ts b/js/app/utils/emoji.native.ts
new file mode 100644
index 00000000..905914d8
--- /dev/null
+++ b/js/app/utils/emoji.native.ts
@@ -0,0 +1,5 @@
+import { EmojiData } from "@streamplace/components/src/components/chat/emoji-suggestions";
+
+export function useEmojiData(): EmojiData | null {
+  return null;
+}
diff --git a/js/app/utils/emoji.ts b/js/app/utils/emoji.ts
index 5202a38b..e4e70039 100644
--- a/js/app/utils/emoji.ts
+++ b/js/app/utils/emoji.ts
@@ -1,19 +1,20 @@
 // emoji cache file
-
 import { EmojiData } from "@streamplace/components/src/components/chat/emoji-suggestions";
-import { useState } from "react";
+
+import { useEffect, useState } from "react";
 
 let emojiPromise: Promise<
   typeof import("../assets/emoji-data-stripped.json")
 > | null = null;
-
 export function useEmojiData(): EmojiData | null {
   const [emoji, setEmoji] = useState<EmojiData | null>(null);
   if (!emojiPromise) {
     emojiPromise = import("../assets/emoji-data-stripped.json");
   }
-  emojiPromise.then((emoji) => {
-    setEmoji(emoji);
-  });
+  useEffect(() => {
+    emojiPromise!.then((emoji) => {
+      setEmoji(emoji);
+    });
+  }, []);
   return emoji;
 }
-- 
2.51.2