проблема с ловушкой для реактивной асинхронной функции

Question

Я пытаюсь загрузить шрифтовую семью, я использовал hook с асинхронной функцией, но у меня есть некоторые ошибки:

function Button(props: TouchableOpacityProps & ButtonProps) {
  useEffect(() => {
    async function loadFont() {
      await Font.loadAsync({
        gotham_medium: require("../../assets/GothamMedium_1.ttf")
      });
    }
    loadFont()
  }, []);
  return (
    <TouchableOpacity {...props} style={styles.button}>
      <Text style={styles.title}>{props.title}</Text>
    </TouchableOpacity>
  );
};

Я импортировал шрифт из экспозиции и использую эффект от реакции, но у меня есть эта ошибка. ошибка на устройстве