So I am receiving an array of Objects, each one has a "attributes.seller" property. Then I am using a forEach( ) to go over each one and create a new object with only the properties I need and pushing them to a new array, including the Seller property. The issue is that on ALL the received objects the "Seller" property exists and its a string.

However, after constructing the new object most of the seller properties show as "seller: {$$typeof: Symbol(react.element), type: 'button', key: null, ref: null, props: {…}, …}"

BUT not all of them, some do show correctly. So IDK whatI am doing wrong if my code was working before and it still works but not for all the items.

This is the object array i am receiving

This is where I itirate over each object:

createdResults.forEach((item) => {
      console.log(item.attributes.seller);
      const offer = {
        itemId: Number(item.attributes.itemId),
        token: item.attributes.token,
        amount: item.attributes.amount,
        price: item.attributes.price,
        seller: item.attributes.seller,
      };
      createdArr.push(offer);

Even when I log out to the console items.attributes.itemId, it shows EVERY SINGLE property just fine.

The issue is after I have pushed each new object into the new array that the "seller" property of it shows like this: New Object

 const getEvents = async () => {
    let createdArr = [];
    
    const created = new Moralis.Query("SaleCreateddd");
    

    const createdResults = await created.find();
    
    

    createdResults.map((item) => {
      // Until here, the seller string shows up correctly for each item
      console.log(item.attributes.seller);
      const offer = {
        itemId: Number(item.attributes.itemId),
        token: item.attributes.token,
        amount: item.attributes.amount,
        price: item.attributes.price,
        seller: item.attributes.seller,
      };
      // Its after the forEach loop that the seller property gets distorted

      createdArr.push(offer);