How to use group by formatter in App Connect?

Wappler 4.8.2
OS: Mac - Intel Chip

Site: NodeJS

Problem:
If you add the option to group or unique to filter out duplicates it returns with information not showing, see images below:

This is with

search_products.data.query.data.groupBy(`id`)

Screen Shot 2022-04-24 at 12.59.19 pm1509×939 21.1 KB

this is with

search_products.data.query.data

Screen Shot 2022-04-24 at 12.59.58 pm1401×975 82.8 KB

You can see the difference when the group or unique is added.
Not quite sure what is causing the issue but this is the code for the table body

 <tbody is="dmx-repeat" dmx-generator="bs5table" dmx-bind:repeat="search_products.data.query.data.groupBy(`id`)" id="tableRepeat1" key="id">
            <tr class="mouse align-middle" dmx-on:click="flow1.run({supplierID: supplier, productID: id})">
                <td>
                    <img width="75" height="75" dmx-bind:src="image_url">
                </td>
                <td dmx-text="ssc"></td>
                <td dmx-text="title"></td>
            </tr>
        </tbody>

Any help would really be appreciated.