App.tsx

import React, {useEffect} from 'react';
import {QueryClient, QueryClientProvider} from '@tanstack/react-query';
import {ThemeProvider} from 'styled-components';
import {Colors} from './src/theme/colors';
import {Spacers} from './src/theme/spacers';
import {NavigationContainer} from '@react-navigation/native';
import {HomeStack} from './src/stacks/home-stack';
import SplashScreen from 'react-native-splash-screen';

const queryClient = new QueryClient();

/**
 * App
 */

const App = () => {
  useEffect(() => {
    SplashScreen.hide();
  }, []);

  return (
    <NavigationContainer>
      <QueryClientProvider client={queryClient}>
        <ThemeProvider theme={{Colors, Spacers}}>
          <HomeStack />
        </ThemeProvider>
      </QueryClientProvider>
    </NavigationContainer>
  );
};

export default App;