Ошибка в загрузках шрифта React Native

В общем есть вот такой код и суть в том что шрифты все равно не загружаются, частично. Если открыть это в браузере то шрифты работают, но если на телефоне(Android) то вылезает ошибка

fontFamily "InterBlack" is not a system font and has not been loaded through Font.loadAsync.

и шрифты соответственно не принимаются. Я не понимаю в чем проблема, на американском форуме решение представлялось тем что функции fonts добавляли асинхронность, но как видно в коде это не помогло, может у вас есть какие идеи, почему это может быть?

import React, { useState } from 'react';
import { StatusBar, Text, View, StyleSheet } from 'react-native';
import * as Font from 'expo-font';
import AppLoading from 'expo-app-loading';

export default function App() {
    const [font, setFont] = useState(false);

    const fonts = async () => await Font.loadAsync({
        InterBlack: require('./assets/fonts/Interblack.ttf')
    });

    if(font) {
        return (
          <View>
              <Text style={styles.text}>Hello</Text>
          </View>

        );
    } else {
        return (
          <AppLoading
            startAsync={fonts}
            onError={err => console.log(err)}
            onFinish={() => setFont(true)}
          />
        )
    }
}

const styles = StyleSheet.create({
    text: {
        fontFamily: 'InterBlack'
    }
})