From e0c4ef5ea7dafcd4ea75b41810d5eef188cbf501 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 13 Nov 2024 16:28:22 -0600
Subject: [PATCH] EmojiPickerDropdown: put RenderAfter inside of Suspense
 (instead of the other way around)

---
 src/features/emoji/components/emoji-picker-dropdown.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/emoji/components/emoji-picker-dropdown.tsx b/src/features/emoji/components/emoji-picker-dropdown.tsx
index fcc9c05c3..ae5231fb5 100644
--- a/src/features/emoji/components/emoji-picker-dropdown.tsx
+++ b/src/features/emoji/components/emoji-picker-dropdown.tsx
@@ -215,8 +215,8 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
 
   return (
     visible ? (
-      <RenderAfter update={update}>
-        <Suspense>
+      <Suspense>
+        <RenderAfter update={update}>
           <EmojiPicker
             custom={withCustom ? [{ emojis: buildCustomEmojis(customEmojis) }] : undefined}
             title={title}
@@ -232,8 +232,8 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
             skinTonePosition='search'
             previewPosition='none'
           />
-        </Suspense>
-      </RenderAfter>
+        </RenderAfter>
+      </Suspense>
     ) : null
   );
 };