이 파일에서는 Context와 Hook을 선언해줬습니다. 나중에 원하는 컴포넌트 또는 Hook에서 다음과 같이 사용하면 됩니다.

const [user, setUser] = useUserState();

간단하지요? 이 파일을 다 작성했다면 App 컴포넌트의 기존 내용을 UserContextProvider로 감싸세요.

App.tsx

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

const queryClient = new QueryClient();

function App() {
  return (
    <UserContextProvider>
      <QueryClientProvider client={queryClient}>
        <NavigationContainer>
          <RootStack />
        </NavigationContainer>
      </QueryClientProvider>
    </UserContextProvider>
  );
}

export default App;