이제 이 Context를 사용할 준비가 끝났습니다. useUserState Hook을 useLogin과 useRegister에서 사용해줍시다.

hooks/useRegister.ts

(...)
import {useNavigation} from '@react-navigation/core';
import {useUserState} from '../contexts/UserContext';
import {RootStackNavigationProp} from '../screens/types';

export default function useRegister() {
  const [, setUser] = useUserState();
  const navigation = useNavigation<RootStackNavigationProp>();
  const mutation = useMutation(register, {
    onSuccess: (data) => {
      setUser(data.user);
      navigation.pop();
      /* TODO: 인증 토큰 적용 예정 */
    },
    onError: (error: AuthError) => {
      console.log(error);
      /* TODO: 구현 예정 */
    },
  });
  return mutation;
}