Using Stripe Checkout Paywall for web

Let me explain what I am meaning / doing with a snippet of code:
 

import * as WebBrowser from 'expo-web-browser';
import { Platform } from 'react-native';


const Purchases = Platform.select({
    // For android, IOS, Amazon
    native: require('react-native-purchases').default,
    // For the web
    default: require('@revenuecat/purchases-js').Purchases,
});

const initAndPurchaseOnWeb = async (appUserID: string) => {
    console.log("initAndPurchaseOnWeb");
    try {
        // Stripe API key - is not working
        const revenueCatSanboxApiKey = 'rcb_sb_...';

        // Revenue Cat Billing API key
        const revenueCatApiKey = 'rcb_...';

        // Configure SDK and identify user - on web
        const purchases = Purchases.configure(revenueCatApiKey, appUserID);
        console.log(purchases);

        // Get offerings for sale
        const offerings = await purchases.getOfferings();

        // Log current offering
        const currentOffering = offerings?.current;
        console.log(currentOffering);

        const packages = offerings?.current?.availablePackages;
        console.log(packages);

        // Test package
        const testPackage = packages ? packages[0] : null;

        const customerInfoT1 = await purchases.getCustomerInfo();
        console.log(customerInfoT1);

        // Create stripe checkout session
        axios.post('/subscriptions/checkout-with-stripe', {data: testPackage})
            .then( (checkoutSession) => {
                const url = checkoutSession.url;
                // Open stripe checkout session in browser
                const event = url ? WebBrowser.openAuthSessionAsync(url) : null;
                console.log(`openBrowserAsynnc: ${event}`);
                // The Stripe invoice / receipt is imported into RevenueCat through a webhook in my backend
            });


        // Purchase the test package on RevenueCat Web Billing, Play Store, ...
        // const { customerInfo, ...purchaserInfo} = await purchases.purchase({ rcPackage: testPackage })
        // console.log(purchaserInfo);

        const customerInfoT2 = await purchases.getCustomerInfo();
        console.log(customerInfoT2);
    } catch (error) {
        console.log(`Purchases: ${error}`);
    }
};

const initAndPurchaseOnAndroid = async (appUserID: string) => {
    console.log("initAndPurchaseOnAndroid");
    try {
        // Revenue Cat Billing API key
        const androidAppApiKey = '';    /* rcb_tevsLmsxKRDCLsRaMrPfEEVCEmsz */

        // Configure SDK and identify user - on native
        const purchases = Purchases.configure({ apiKey: androidAppApiKey, appUserID: appUserID });

        // Restore purchases - only for react *native* platforms
        const restoredPurchaserInfo = Platform.select({
            native: async () => await purchases.restorePurchases(),
            default: async () => {},
          })();
        console.log(restoredPurchaserInfo);

        ...


        // Purchase the test package on RevenueCat Web Billing, Play Store, ...
        const { customerInfo, ...purchaserInfo} = await purchases.purchase(testPackage);
        console.log(purchaserInfo);

        const customerInfoT2 = await purchases.getCustomerInfo();
        console.log(customerInfoT2);
    } catch (error) {
        console.log(`Purchases native: ${error}`);
    }
};


export const initSubscrition = Platform.select({ android: initAndPurchaseOnAndroid, default: initAndPurchaseOnWeb });

initSubscrition('test-ap-user-id@domain.com');