diff options
Diffstat (limited to 'src/alf/typography.tsx')
-rw-r--r-- | src/alf/typography.tsx | 14 |
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, |