OrderDetails Logged image

I want to save order details to my firestore db,Here my orderDetails:

const orderDetails=[{
                      id:"ID1",
                      name:"foo"
                     },
                     {
                     id:"ID2",
                     name:"foo-foo"
                     },
                     ]

Here is the code for adding this order Details to fire store:

 .then(({paymentIntent})=>{
  if(user){
    console.log(basket);
    const userRef=doc(db,'shopDB',user.uid);
    const userOrderRef=doc(userRef,'userOrderInfo',paymentIntent.id);
    setDoc(userOrderRef,{
      orders: basket,
      created :paymentIntent.created,
      amount :paymentIntent.amount
   },{merge:true})

Here all working if i set document without orderDetails,Other two values will added to fire store,but when i try to add orders to database it throws error

error>>>>>>>>>>>

 FirebaseError: Function setDoc() 
 called with invalid data. Unsupported
 field value: undefined

Can anyone help me with this?