App.tsx

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React from 'react';
import RootStack from './screens/RootStack';
import {NavigationContainer} from '@react-navigation/native';
import {UserContextProvider} from './contexts/UserContext';
import {QueryClient, QueryClientProvider} from 'react-query';
import {UserHealthContextProvider} from './contexts/UserHealthContext';
import {UserFriendContextProvider} from './contexts/UserFriendContext';

const queryClient = new QueryClient();
function App(): React.JSX.Element {
  return (
    <UserContextProvider>
      <UserHealthContextProvider>
        <UserFriendContextProvider>
          <QueryClientProvider client={queryClient}>
            <NavigationContainer>
              <RootStack />
            </NavigationContainer>
          </QueryClientProvider>
        </UserFriendContextProvider>
      </UserHealthContextProvider>
    </UserContextProvider>
  );
}

export default App;