Slice machine not generating the correct state, when hitting local development simulator page

When trying to simulate a slice, I am getting this error in the frame of the simulator editor

looking into the console of tthe development app, I see the state that hould be passed into getSlices is just an empty object.

So I reload the frame in the editor and some data comes through the state which in turn produces the correct slices to simulate.

However, the simulator still throws an error due to hydration of elements.

here is config

here is package.json

Hi @theplaygroundmedia, we've seen this happen when Next.js is not updated to the latest version. Could you upgrade to the latest version of Next.js (14.1.4 as of this message) and try again?

npm install next@latest

Ahh yes that worked, thanks for reply.

1 Like