CustomText component which can display expo google fonts. Direct replacement for Text from react-native

CustomText.tsx

import * as React from "react";
import { Text, TextProps } from "react-native";
import { useFonts } from '@use-expo/font';
import {
  Nunito_Regular400,
  Nunito_SemiBold600_Italic,
} from '@expo-google-fonts/nunito';

const CustomText: React.FC<TextProps> = (props) => {
  const [fontsLoaded] = useFonts({
    Nunito_Regular400,
    Nunito_SemiBold600_Italic,
  });

  return fontsLoaded
    ? <Text style={[props.style, { fontFamily: "Nunito_Regular400" }]}>{props.children}</Text>
    : <></>
}

export default CustomText;