How to compare obj of array1 with obj of array in javascript

I'm stuck with the code. I actually want to filter elements in dataLayer using typescript/javascript.

I have dataLayer defined as shown below

track: { products },
dataLayers: { current: { cart: { items } } }

products?: IProduct[]

export interface IProduct {
    id: string
    quantity?: string
    name?: string
}
items?: ICartItem[]

export interface ICartItem {
    id: string
    brand: string
    name: string
    quantity: number

}

track: { products }

products have {id,quantity}

dataLayers: { current: { cart: { items } } }

items have {id, brand, name, quantity }

Now I want to filter id and get the name of the product, For Example:

Example: *

products:{
[{id: 'a123',quantity: '1'},{id:'a345', quantity:'2'}]
}

items:{
[{id: 'a123',brand:'pen',name: 'Reynolds', quantity: '1'}, {id: 'a143',brand:'pencil',name: 'Nataraj', quantity: '3'}, {id: 'a122',brand:'pen',name: 'Parker',quantity: '1'},{id:'a345',brand:'Eraser',name: 'Faber-Castell', quantity:'2'}]
}*

Expected output

id:a123,name:'Reynolds'

id:a345,name:'Faber-Castell'

my code:

const id = products.map(product => { return product.id})
items.filter((item) => {
    return item.id === id
})
.map((item)=> {
   const { id, name } = item
   console.log("id" + id)
   console.log("name" + name)
})

Actual output

Giving error

**

const id: string[]
This condition will always return 'false' since the types 'string' and 'string[]' have no overlap.ts(2367)

**

Why am I not able to compare item.id with id