카카오 로그인 에러

JavaScript
1 
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

해당 스크립트로 로드 후

useEffect(() => {
    if (window.Kakao && !window.Kakao.isInitialized()) {
      window.Kakao.init(REACT_APP_KAKAO_API_KEY);
    }

    return () => {
          window.Kakao.cleanup();    
    };
  }, []);

이렇게 활용하고 있습니다. 대부분 로그인이 잘 되는데, 카카오 알림톡을 통한 카카오톡 웹뷰의 특정 기기에서만 안되는 문제가 존재합니다. (브라우저는 잘 됨)
또한, Sentry 상에서 null is not an object (evaluating ‘(n=this._key).words’) 와 같은 에러가 주기적으로 발생됩니다.

혹시 관련 이슈를 경험하신 분이 계실까요?

관련 SDK 링크

2

안녕하세요.

재현 가능한 URL 부탁드립니다.
말씀 주신 오류는 SDK 단독으로는 발생될 수 없고, 다른 SDK간 충돌에 의해 발생될 수 있습니다.

3

https://store.nowwaiting.co/spots/1

재현 가능한 링크 전달드립니다.

4

추가로, 현재 window.Kakao.Auth.login 메서드를 활용하고 있는데 (v1) 해당 부분이 문제일 수 있는걸까요?

관련 공유 센트리 링크

5

해당 URL에서 재현해 보았지만 달리 재현되지 않습니다.
Sentry 상의 오류는 JS SDK가 사용하는 CryptoJS 내부에서 발생한 오류인데요
오류 발생한 사용자의 회원번호와 시간대를 알 수 있을까요?

6

로그인을 하지 않아 회원번호를 알 수 없네요,
추가로 js sdk CryptoJS 내부에서 발생되는 에러므로 버전업을 수정이 불가한 거 맞을까요?

7

JS SDK v1은 더 이상 지원하고 있지 않습니다. 리디렉션 방식의 v2사용을 권장 드립니다.

이러한 배경과 달리, 현 JS SDK v1에서 사용중인 CryptoJS는 충분히 높은 버전을 사용하고 있습니다.
현재 오류는 사용자가 동의 화면에서의 취소 행동으로 부터 시작된 것으로 이후 CryptoJS 사용에서 일반적으로 null 오류가 발생되어서는 안되지만 발생되었습니다.

다만, 이 과정중 참조 값이 앱 키이고, CryptoJS가 JS SDK 내에 임베딩되어 있는점을 감안, 달리 원인을 특정할 수 없는 상황인점을 고려하여, 우선 JS SDK의 초기화 과정이 react 외부에서 진행될 수 있도록(useEffect 제거) 시도해 보시는 것을 추천 드립니다.

1개의 좋아요
8

분석 감사합니다. 좋은 하루 보내세요 :smile: