Move suspense above popover dropdown

This commit is contained in:
Philipinho 2025-03-17 11:23:57 +00:00
parent 15bdbf74cd
commit 2e5990d057

View File

@ -68,8 +68,8 @@ function EmojiPicker({
{icon}
</ActionIcon>
</Popover.Target>
<Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}>
<Suspense fallback={null}>
<Popover.Dropdown bg="000" style={{ border: "none" }} ref={setDropdown}>
<Picker
data={async () => (await import("@emoji-mart/data")).default}
onEmojiSelect={handleEmojiSelect}
@ -77,7 +77,6 @@ function EmojiPicker({
skinTonePosition="search"
theme={colorScheme}
/>
</Suspense>
<Button
variant="default"
c="gray"
@ -93,6 +92,7 @@ function EmojiPicker({
{t("Remove")}
</Button>
</Popover.Dropdown>
</Suspense>
</Popover>
);
}