import error in IOS

[Patrick-Gong]

Hi there, i'm developing mobile app with your react-native-firebase

i suffer from the issue below.

Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/Users/gong-yunho/Desktop/develop/Kirin_FE/kirin_FE/node_modules/@react-native-firebase/app/lib/common' is not supported resolving ES modules imported from /Users/gong-yunho/Desktop/develop/Kirin_FE/kirin_FE/node_modules/@react-native-firebase/storage/lib/index.js

this error arise when "npx expo prebuild --platform ios" runs. i don't know how i can fix it Furthermore, it does work in android. how weird..

it's my app.json file

{
"expo": {
"name": "kirin_FE",
"slug": "kirin_FE",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/images/icon.png",
"scheme": "myapp",
"jsEngine": "hermes",
"userInterfaceStyle": "automatic",
"newArchEnabled": true,
"ios": {
"googleServicesFile": "./GoogleService-Info.plist",
"supportsTablet": true,
"bundleIdentifier": "kirin-academy",
"infoPlist": {
"ITSAppUsesNonExemptEncryption": false,
"NSPhotoLibraryUsageDescription": "이 앱은 사진을 선택하기 위해 사진 라이브러리 접근 권한이 필요합니다."
}
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/images/adaptive-icon.png",
"backgroundColor": "#ffffff"
},
"package": "com.patrickgong.kirin_FE",
"googleServicesFile": "./android/google-services.json"
},
"web": {
"bundler": "metro",
"output": "static",
"favicon": "./assets/images/favicon.png"
},
"plugins": [
"expo-router",
"@react-native-firebase/app",
"@react-native-firebase/storage",
[
"expo-build-properties",
{
"ios": {
"useFrameworks": "static"
}
}
],
[
"expo-splash-screen",
{
"image": "./assets/images/splash-icon.png",
"imageWidth": 200,
"resizeMode": "contain",
"backgroundColor": "#ffffff"
}
],
"expo-font",
"expo-asset"
],
"experiments": {
"typedRoutes": true
},
"extra": {
"router": {
"origin": false
},
"eas": {
"projectId": "6955e85b-bf76-4c8d-ba57-5bbc965ca6f8"
}
}
}
}

plz give me feedback🙏🏼