Leading/trailing icon displaying as emoji rather than vector icon

[iannngit]

Current behaviour

TextInput icon has set close-circle but it becomes an emoji.

Expected behaviour

Show a close circle icon in solid color.

How to reproduce?

My project became like this after upgrading to Expo 50. So I think it's relating to dependency versions.

A rough code

import {
  HelperText,
  TextInput
} from 'react-native-paper';

<TextInput
...
    right={<TextInput.Icon
        icon="close-circle"
    />}
...
/>

Preview

What have you tried so far?

I've tried to change the right attribute of TextInput to a @expo/vector-icons MaterialCommunityIcon but it doesn't display.

<TextInput
...
    right={<MaterialCommunityIcons name="close-circle" />}
...
/>

Your Environment

software	version
android	emulator, Android 33
react-native	0.73.4
react-native-paper	5.12.3
node	18
npm or yarn	9.5.1
expo sdk	50.0.6

[iannngit]

Tested with Android phone the close-circle icon displays as a [X] like a font is missing. I then tested with and in right property but they couldn't show up. So I guess it's something not right with the right property?