The issue for me was very similar to the one mentioned by @Aidan Nesbitt - thanks by the way!
I was fetching data from MongoDB - the data had a field that was populated and not via the default _id
field but via a custom id
field so I don't know if that had any effect or not. When I was passing the data returned from MongoDB from a server component to a client component, it was giving this Maximum Call Stack Exceeded
error. When I was filtering out the populated field from the passed values, the component was rendering without an issue.
My fix was basically to JSON.stringify()
on the values in the server component and to JSON.parse()
on the passed string in the client component.