Infinite loop error when using the transformItems prop from InstantSearch's Menu component

Description Hello!

I have a simple search app using Gatsby, Meilisearch, and Instantsearch. I'm using Meilisearch Cloud as well. Search and all that works great. I wanted to fine tune the result being shown in the UI when filtering. InstantSearch's docs referred me to use transformItems within the Menu component I'm using (make sure you're on InstantSearch v7 when clicking the url).

Any time I add the prop, I run into an infinite loop. Even when I'm just returning the initial results with no mutations.

<Menu attribute="optionTypes.optionValues.presentation" transformItems={(items) => { console.log("items: ", items); return items; }} />

Any insights?

Packages used: "react-instantsearch": "^7.5.3", "@meilisearch/instant-meilisearch": "^0.13.6", "gatsby-plugin-meilisearch": "^0.3.1",

If applicable, add screenshots or logs to help explain your problem.

Environment (please complete the following information):

OS: Mac
Browser: Version 111.0.5563.146 (Official Build) (arm64)
Meilisearch version: 1.6.2 (based on the info from the Cloud)
instant-meilisearch version: 0.13.6
instantsearch.js version: 7.5.3

meilisearch / meilisearch-js-plugins

Infinite loop error when using the transformItems prop from InstantSearch's Menu component #1292