github으로 공유해주신 with-app-login예제의 server를 실행(npm run dev)하여 개발 중인 프로젝트에 적용하는 중입니다.
개발자 로그인한 상태로 개발 중인 프로젝트 스캠을 통해 진입한 후 구현한 로그인 버튼을 누르면 다음과 같은 에러가 발생하면서 adb가 먹통이 되는데, 이 문제를 해결하려면 어떻게해야할지 며칠동안 보다가 문의 남깁니다 ㅠㅠ
에러메시지
userAuth.ts의 코드 일부
```
import { useState, useEffect } from ‘react’;
import { appLogin } from ‘@apps-in-toss/web-framework’;
import { apiClient } from ‘../utils/api’;
import { post } from ‘../utils/fetcher’;
import type {
LoginRequest,
RefreshTokenRequest,
TokenResponse,
LogoutResult,
AuthState,
LogoutByAccessTokenRequest,
LogoutByUserKeyRequest,
} from ‘../types/auth’;
export const useAuth = (): AuthState => {
const [accessToken, setAccessToken] = useState<string | null>(null);
const [refreshToken, setRefreshToken] = useState<string | null>(null);
const [loading, setLoading] = useState(false);
const [error, setError] = useState<string | null>(null);
const clearTokens = () => {
setAccessToken(null);
setRefreshToken(null);
};
// 앱 시작 시 저장된 토큰 확인
useEffect(() => {
const accessToken = localStorage.getItem('accessToken');
const refreshToken = localStorage.getItem('refreshToken');
if (accessToken && refreshToken) {
setAccessToken(accessToken);
setRefreshToken(refreshToken);
apiClient.setAccessToken(accessToken);
}
}, );
const login = async () => {
try {
setLoading(true);
setError(null);
const { authorizationCode, referrer } = await appLogin();
const data = await post<TokenResponse, LoginRequest>(
'/get-access-token',
{ authorizationCode, referrer }
);
const access = data?.data?.success?.accessToken;
const refresh = data?.data?.success?.refreshToken;
if (access) {
setAccessToken(access);
} else {
setError('AccessToken을 가져오지 못했어요.');
}
if (refresh) {
setRefreshToken(refresh);
}
} catch (e) {
console.error(e);
setError('AccessToken을 가져오는 중 문제가 발생했어요.');
} finally {
setLoading(false);
}
};
```
