React Native Changing 'fff' to Strange Line Symbol?

I am using react native to render some text in a flatlist from firebase.Whenever I have text with 'fff' in it it changes it to a weird vertical line symbol.

I have no idea how to fix this issue, I made sure the text was a proper string. Outside of that I have no idea how to get rid of this weird formatting issue.

<View style={[styles.row, {padding: 0, marginBottom: 100, marginTop: 0}]}><FlatList        data={dbStoryEntries}        keyExtractor={(item, index) => item.title}        columnWrapperStyle={{          justifyContent: 'space-between',          alignItems: 'center',        }}        horizontal={false}        numColumns={2}        renderItem={({item, index}) => (<View            style={{              height: Dimensions.get('screen').width / 2 + 15, //8            }}><TouchableWithoutFeedback              onPress={() => this.navigateTo(item.title)}><View                style={{                  padding: 20,                }}><NeuView                  inset                  color="#f0f0f0"                  height={Dimensions.get('screen').width / 2 - 40}                  width={Dimensions.get('screen').width / 2 - 40}                  borderRadius={10}                  style={{marginTop: 0, paddingBottom: 5}}><Image                    fluid                    source={{uri: this.state.images[index]}}                    resizeMode="cover"                    style={{flex: 1, width: '99.9%', borderRadius: 10}}                  /></NeuView><Text                  width={80}                  style={[                    styles.nexaDark,                    {                      fontSize: 18,                      marginTop: 0,                      opacity: 0.5,                      textAlign: 'center',                    },                  ]}>                  {item.title}</Text></View></TouchableWithoutFeedback></View>        )}      /></View>

styles:

const styles = StyleSheet.create({  nexaDark: {    fontFamily: 'NexaTextDemo-Bold',    color: '#696766',  },  nexaLight: {    fontFamily: 'NexaTextDemo-Bold',    color: '#838180',  },