[BUG]: When attempting Kakao login, the modal (or bottom sheet) appears briefly and then disappears without showing any content.

[ParkJongJoon7128]

Is there an existing issue for this?

• I have searched the existing issues

Name, Version of @react-native-kakao/*

^2.4.0

Version of react-native

0.76.7

What os are you seeing the problem on?

iOS

What device types are you seeing the problem on?

Physcial Device

What architecture types of react native are you seeing the problem on?

New Architecture(Fabric)

Version of device(android API, iOS OS version, etc...)

ios 18.1.1

Expo App

• I am using Expo

What happened?

After following the official documentation and video to set up the environment for using Kakao social login, I tested it on a physical device. When the social login event is triggered, the Kakao app launches as expected, but the login UI briefly appears and then immediately disappears.

Just to be sure, I checked the native app key and confirmed it is correctly entered. I also logged the value from the .env file in the terminal and verified that it is being printed correctly.

KakaoTalk_Video_2025-05-29-10-45-23.mp4

Relevant a package.json.

{
  "name": "k-buddy",
  "version": "1.0.0",
  "main": "index.ts",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "1.23.1",
    "@react-native-firebase/analytics": "^21.11.0",
    "@react-native-firebase/app": "^21.11.0",
    "@react-native-kakao/core": "^2.4.0",
    "@react-native-kakao/user": "^2.4.0",
    "@react-navigation/elements": "^2.2.5",
    "@react-navigation/native": "^7.0.14",
    "@react-navigation/stack": "^7.1.1",
    "expo": "~52.0.31",
    "expo-build-properties": "~0.13.3",
    "expo-camera": "~16.0.18",
    "expo-dev-client": "~5.0.12",
    "expo-file-system": "~18.0.12",
    "expo-font": "~13.0.4",
    "expo-image-picker": "~16.0.6",
    "expo-linear-gradient": "~14.0.2",
    "expo-media-library": "~17.0.6",
    "expo-permissions": "^14.4.0",
    "expo-status-bar": "~2.0.1",
    "react": "18.3.1",
    "react-native": "0.76.7",
    "react-native-gesture-handler": "~2.20.2",
    "react-native-pager-view": "6.5.1",
    "react-native-safe-area-context": "4.12.0",
    "react-native-screens": "~4.4.0",
    "react-native-webview": "13.12.5"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@types/react": "~18.3.12",
    "typescript": "^5.3.3"
  },
  "private": true
}

Relevant log output

Reproducible Sample Repository

https://github.com/K-Buddy-dev/KBuddy-App/tree/feat/feature-social-login

Code of Conduct

• I agree to follow this project's Code of Conduct

[dlcks0601]

현재 저도 같은 상황입니다. expo sdk52에서는 별다른 이슈가 없었지만 sdk53에서 시뮬레이터(빌드환경)에서 로그인 버튼을 누를시 빌드된 앱이 종료됩니다.

• 디스패치 큐(Dispatch Queue) 충돌: NSURLSession의 델리게이트 메서드(didSendBodyData)가 잘못된 큐(예: 비동기 큐, 잘못된 호출 컨텍스트) 에서 호출되며 디스패치 프리컨디션 실패를 유발
• 발생 위치 : Session.swift :1310의 Session.request(for:) 메서드
• 문제의 원인: NSURLSession 델리게이트 메서드 내부에서 디스패치 큐를 잘못 처리하거나, 특정 큐에서만 호출해야 하는 로직을 다른 큐에서 호출한 경우

[ParkJongJoon7128]

@dlcks0601 답변해주신 내용을 보니 이슈 현상이 저랑 좀 다르긴 한데, 해결 하셨나요??

[dlcks0601]

해결안됩니다. 다시 프로젝트 파서 해봤는데 여전히 로그인을 하면 튕깁니다.

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-05-30.at.12.51.01.mp4

[ParkJongJoon7128]

@dlcks0601 실기기에서도 테스트 해보셨나요?? 버전을 2.3.0으로 다운그레이드 해서 시뮬레이터에서 테스트 해보면 응답값이 오긴 하는데, Network Failed 에러가 뜨고, 실기기에서는 여전히 같은 이슈로 안되고 있네요. 아마 라이브러리 버그인듯 싶습니다..

[dlcks0601]

@dlcks0601 실기기에서도 테스트 해보셨나요?? 버전을 2.3.0으로 다운그레이드 해서 시뮬레이터에서 테스트 해보면 응답값이 오긴 하는데, Network Failed 에러가 뜨고, 실기기에서는 여전히 같은 이슈로 안되고 있네요. 아마 라이브러리 버그인듯 싶습니다..

@ParkJongJoon7128 실기기테스트를 어떻게 하고계신거죠? 프리빌드까지 해봐서... 시뮬레이터밖에 안해봤습니다.

[ParkJongJoon7128]

@dlcks0601 실기기에서도 테스트 해보셨나요?? 버전을 2.3.0으로 다운그레이드 해서 시뮬레이터에서 테스트 해보면 응답값이 오긴 하는데, Network Failed 에러가 뜨고, 실기기에서는 여전히 같은 이슈로 안되고 있네요. 아마 라이브러리 버그인듯 싶습니다..

@ParkJongJoon7128 실기기테스트를 어떻게 하고계신거죠? 프리빌드까지 해봐서... 시뮬레이터밖에 안해봤습니다.

@dlcks0601 prebuild로 네이티브 설정 한 다음 빌드 환경을 expo go -> eas로 변경하여 진행하고 있습니다.
시뮬레이터에서는 카카오 앱이 설치되어 있질 않아서 브라우저에서 카카오 로그인을 수기로 입력하여 진행하도록 되어 있는데, 로그인 시 모달창(또는 바텀시트)은 뜨는데 에러 로그가 뜨고 있습니다. 하지만 리턴값은 정상적으로 찍히고 있구요.

반면 실기기에서 테스트 할때는 영상처럼 로그인 시 모달창(또는 바텀시트)은 뜨는데 순간적으로 사라지는 이슈가 발생하고 있고, 로그에서는 에러나 리턴값이 뜨고 있지는 않네요.

[mym0404]

prebuild된 ios 프로젝트에서 Info.plist 에서 kakao talk 에서 앱을 다시 열 때 사용되는 url scheme가 잘 설정되었는지 확인 후, AppDelegate.m 이나 AppDelegate.swift 파일에서 url 을 받아 카카오로부터 실행된 url 인지 검사하는 코드가 prebuild의 결과물로 잘 주입이 되었는지 확인해주시면 감사하겠습니다.

[ParkJongJoon7128]

prebuild된 ios 프로젝트에서 Info.plist 에서 kakao talk 에서 앱을 다시 열 때 사용되는 url scheme가 잘 설정되었는지 확인 후, AppDelegate.m 이나 AppDelegate.swift 파일에서 url 을 받아 카카오로부터 실행된 url 인지 검사하는 코드가 prebuild의 결과물로 잘 주입이 되었는지 확인해주시면 감사하겠습니다.

현재 프로젝트 내 설정된 Info.plist 파일과 AppDelegate.mm 파일 코드 공유합니다.

Info.plist

AppDelegate.mm

#import "AppDelegate.h"
#import <Firebase/Firebase.h>

#import <React/RCTBundleURLProvider.h>
#import <React/RCTLinkingManager.h>
#import <RNCKakaoUser/RNCKakaoUserUtil.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
// @generated begin @react-native-firebase/app-didFinishLaunchingWithOptions - expo prebuild (DO NOT MODIFY) sync-ecd111c37e49fdd1ed6354203cd6b1e2a38cccda
[FIRApp configure];
// @generated end @react-native-firebase/app-didFinishLaunchingWithOptions
  self.moduleName = @"main";

  // You can add your custom initial props in the dictionary below.
  // They will be passed down to the ViewController used by React Native.
  self.initialProps = @{};

  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
  return [self bundleURL];
}

- (NSURL *)bundleURL
{
#if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@".expo/.virtual-metro-entry"];
#else
  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
#endif
}

// Linking API
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
        if([RNCKakaoUserUtil isKakaoTalkLoginUrl:url]) { return [RNCKakaoUserUtil handleOpenUrl:url]; }
        
  return [super application:application openURL:url options:options] || [RCTLinkingManager application:application openURL:url options:options];
}

// Universal Links
- (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity restorationHandler:(nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler {
  BOOL result = [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler];
  return [super application:application continueUserActivity:userActivity restorationHandler:restorationHandler] || result;
}

// Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
{
  return [super application:application didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
}

// Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
- (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error
{
  return [super application:application didFailToRegisterForRemoteNotificationsWithError:error];
}

// Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler
{
  return [super application:application didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
}

@end

[ParkJongJoon7128]

@mym0404 현재 코드를 수정한건 따로 없지만, 터미널 로그창에는 정상적으로 응답값이 반환되고 있습니다.

하지만 로그인을 한 상태여도 로그인을 할건지 여부를 묻는 ui가 떠야된다고 생각하는데
앱 다이렉트 처리가 이상한건지, 아니면 정상적인 플로우인지 궁금합니다.

ScreenRecording_05-31-2025.17-25-47_1.MP4

[mym0404]

하지만 로그인을 한 상태여도 로그인을 할건지 여부를 묻는 ui가 떠야된다고 생각하는데 앱 다이렉트 처리가 이상한건지, 아니면 정상적인 플로우인지 궁금합니다.

이것은 이미 카카오 토큰이 앱 내에 저장이 되어있기 때문에 정상적인 플로우라고 생각합니다.

이 이슈에서는 여러가지 문제들이 혼재된 것으로 보이는데, 따로 이슈들을 구분해서 빼주실 수 있을까요?

1. 로그인 후 다시앱으로 안돌아오는 문제
2. 로그인을 하다 튕기는 문제

이렇게 있는것같습니다.

현재 제가 개발하는 RN프로젝트중에 react-native-kakao 를 쓰는 것이 없어서 현황파악이 어려운데, 특히 로그인을 하다 튕기는 문제에 대해서 상세한 로그가 필요해보입니다.

[bglgwyng]

Android, iOS 둘다 같은 문제가 있네요.
심지어 react-native-seoul 에도 같은 문제가 있습니다.