From 34eb593d38731eb93606997b7938c8ac3938568f Mon Sep 17 00:00:00 2001
From: I Nyoman Jyotisa <jyotisa1616@gmail.com>
Date: Mon, 9 Dec 2024 13:11:37 +0800
Subject: [PATCH] Fix: Two emoji skin tones are displayed after changing tone
 in browser

---
 src/components/EmojiPicker/EmojiSkinToneList.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/EmojiPicker/EmojiSkinToneList.tsx b/src/components/EmojiPicker/EmojiSkinToneList.tsx
index 3a1832ac40a7..99819e415e5a 100644
--- a/src/components/EmojiPicker/EmojiSkinToneList.tsx
+++ b/src/components/EmojiPicker/EmojiSkinToneList.tsx
@@ -42,6 +42,11 @@ function EmojiSkinToneList() {
     }, [preferredSkinTone]);
 
     const currentSkinTone = getSkinToneEmojiFromIndex(preferredSkinTone);
+
+    useEffect(() => {
+        setHighlightedIndex(currentSkinTone.skinTone);
+    }, [currentSkinTone.skinTone]);
+
     return (
         <View style={[styles.flexRow, styles.p3, styles.ph4, styles.emojiPickerContainer]}>
             {!isSkinToneListVisible && (