× FirebaseError: Function CollectionReference.doc() requires its first argument to be of type non-empty string, but it was: a custom Object object

Question

So when i'm going to create a stripe payment with firebase extension it shows me error of CollectionRefrence.doc()...any suggestion guys ?

Here is my code :

import React from 'react';
import getStripe from './stripe';
import firebase from 'firebase/app';
import 'firebase/firestore';
import Button from 'antd'

export const createCheckoutSession = (uid) => {

 let firestore = firebase.firestore()
    
            const checkout_sessionsRef =  firestore
            .collection('profiledata')
            .doc(uid)
            .collection('checkout_sessions')
            .add({
                price : 'price_1IGEdTKDPaWWeL1ymwWH5Ubb',
                success_url :window.location.origin,
                cancel_url:window.location.origin,
            });
        
            checkout_sessionsRef.onSnapshot(async (snap) => {
                const {sessionId} =snap.data();
                if (sessionId ){
                    const stripe = await getStripe();
                    stripe.redirectToCheckout({sessionId})
                }
            })


    return (
        <div>
           <createCheckoutSession/>
           <Button type="primary" htmlType="submit" id="submitButton">Register</Button>
        </div>
    )
}

export default createCheckoutSession;