Stuck on 'connect' button

[verticaul]

Hello, good day. I’m trying to build a mobile app for my React Native project using Expo SDK 53, but I’m stuck at the first step of the Reown AppKit installation. I’m using Ethers and Expo with the TypeScript blank template. I’m also using Node v20.18.0. Any help would be appreciated.
Now, I’m stuck at App.tsx with the Connect button, which keeps loading without showing the list of wallets. I also add this babel config to fix the import meta issues. I am using Expo Go as well

module.exports = function (api) { api.cache(true); return { presets: [ [ "babel-preset-expo", { unstable_transformImportMeta: true, // Add this line }, ], ], // ... your other babel config }; };

here is my full app.tsx file

`import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import "@walletconnect/react-native-compat";
import { AppKitButton } from "@reown/appkit-ethers-react-native";

import {
createAppKit,
defaultConfig,
} from "@reown/appkit-ethers-react-native";

// 1. Get projectId from https://cloud.reown.com
const projectId = "afdb8f0181a327d4a395428794932fb8";

// 2. Create config
const metadata = {
name: "MyNema",
description: "MyNema Blockchain based ticketing system",
url: "https://reown.com/appkit",
icons: ["https://avatars.githubusercontent.com/u/179229932"],
redirect: {
native: "mynema://",
},
};

const config = defaultConfig({ metadata });

// 3. Define your chain - Ethereum Sepolia only
const sepoliaEth = {
chainId: 11155111,
name: "Ethereum Sepolia",
currency: "ETH",
explorerUrl: "https://sepolia.etherscan.io",
rpcUrl: "https://sepolia.infura.io/v3/16595c09ee854a638d0ce53a11bb8446", // Replace this
};

// 4. Pass only Sepolia to chains
const chains = [sepoliaEth];

// 5. Create modal
createAppKit({
projectId,
chains,
config,
enableAnalytics: true, // Optional
});

export default function App() {
return (

Open up App.tsx to start working on your app!



);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
`