Paywall v2 Error 23

I’m facing a very frustrating error. I’m able to successfully initialize the react-native sdk: 

useEffect(() => {
  Purchases.setLogLevel(Purchases.LOG_LEVEL.DEBUG);
  Purchases.configure({
    apiKey: Config.REVENUECAT_API_KEY_IOS,
  });

  const productIds = ['com.***.*****.staging.pro.monthly'];
  Purchases.getProducts(productIds).then((products) => {
    console.log('Products:', products);
  }).catch((error) => {
    console.error('Error getting products:', error);
  });
}, [])

In this case, it returns a blank array of products. However, in my project configuration, I have successfully imported products from App Store Connect.

Secondly, when I run Purchases.getOfferings(), it gives me the Error 23 which mentions misconfiguration. I’m not sure why am I getting that error. I have completed all the steps in the https://www.revenuecat.com/docs/offerings/troubleshooting-offerings guide and I’m still getting the same issue.

I’m running my app in a simulator. I know that I need a .storekit file to test purchases on Simulator, but I don’t have that file for now since I’m just trying to display the paywall and not actually test the purchases.

What could be going wrong here.