title: When creating a new object with forEach, some prperties show up as $$typeof: Symbol(react.element) React
body: <p>So I am receiving an array of Objects, each one has a &quot;attributes.seller&quot; 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 &quot;Seller&quot; property exists and its a string.</p>
  <p>However, after constructing the new object most of the seller properties show as &quot;seller: {$$typeof: Symbol(react.element), type: 'button', key: null, ref: null, props: {…}, …}&quot;</p>
  <p>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.</p>
  <p><a href="https://i.stack.imgur.com/rs3AP.png" rel="nofollow noreferrer">This is the object array i am receiving</a></p>
  <p>This is where I itirate over each object:</p>
  <pre><code>createdResults.forEach((item) =&gt; {
        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);
  </code></pre>
  <p>Even  when I log out to the console items.attributes.itemId, it shows EVERY SINGLE property just fine.</p>
  <p>The issue is after I have pushed each new object into the new array that the &quot;seller&quot; property of it shows like this:
  <a href="https://i.stack.imgur.com/qJgxq.png" rel="nofollow noreferrer">New Object</a></p>
  <pre><code> const getEvents = async () =&gt; {
      let createdArr = [];
      
      const created = new Moralis.Query(&quot;SaleCreateddd&quot;);
      
  
      const createdResults = await created.find();
      
      
  
      createdResults.map((item) =&gt; {
        // 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);
  </code></pre>