App.tsx

import { View, StatusBar } from 'react-native';
import { QueryClientProvider } from 'react-query';
import {
  useFonts,
  Inter_400Regular,
  Inter_500Medium,
  Inter_600SemiBold,
  Inter_900Black,
} from '@expo-google-fonts/inter';

import { Loading } from '@app/components';

import { queryClient } from '@app/lib';

import { Home } from '@app/screens/Home';
import { styles } from '@app/styles';

export default function App() {
  const [fontLoaded] = useFonts({
    Inter_400Regular,
    Inter_500Medium,
    Inter_600SemiBold,
    Inter_900Black,
  });

  return (
    <View style={styles.container}>
      <StatusBar translucent barStyle="light-content" backgroundColor="#000" />

      {fontLoaded ? (
        <QueryClientProvider client={queryClient}>
          <Home />
        </QueryClientProvider>
      ) : (
        <Loading />
      )}
    </View>
  );
}