about summary refs log tree commit diff
path: root/src/alf/typography.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/alf/typography.tsx')
-rw-r--r--src/alf/typography.tsx14
1 files changed, 9 insertions, 5 deletions
diff --git a/src/alf/typography.tsx b/src/alf/typography.tsx
index 4f6947e0e..a3bed4e4c 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,