From 8eab844d950c20657079892c7474260e404dd4e7 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 29 Apr 2025 14:43:09 +0300
Subject: [PATCH] fix key issue (maybe)

---
 src/alf/typography.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/alf/typography.tsx b/src/alf/typography.tsx
index 4f6947e0e6..a3bed4e4c8 100644
--- a/src/alf/typography.tsx
+++ b/src/alf/typography.tsx
@@ -1,12 +1,13 @@
-import React, {Children} from 'react'
-import {TextProps as RNTextProps} from 'react-native'
-import {StyleProp, TextStyle} from 'react-native'
+import {Children} from 'react'
+import {type TextProps as RNTextProps} from 'react-native'
+import {type StyleProp, type TextStyle} from 'react-native'
 import {UITextView} from 'react-native-uitextview'
 import createEmojiRegex from 'emoji-regex'
+import type React from 'react'
 
 import {isNative} from '#/platform/detection'
 import {isIOS} from '#/platform/detection'
-import {Alf, applyFonts, atoms, flatten} from '#/alf'
+import {type Alf, applyFonts, atoms, flatten} from '#/alf'
 
 /**
  * Util to calculate lineHeight from a text size atom and a leading atom
@@ -110,7 +111,10 @@ export function renderChildrenWithEmoji(
     return child.split(EMOJI).map((stringPart, index) => [
       stringPart,
       emojis[index] ? (
-        <UITextView {...props} style={[props?.style, {fontFamily: 'System'}]}>
+        <UITextView
+          {...props}
+          style={[props?.style, {fontFamily: 'System'}]}
+          key={index}>
           {emojis[index]}
         </UITextView>
       ) : null,