fix: Page becomes unresponsive after Nuxt Devtools loads

[alexovn]

🐛 The bug

A page becomes unresponsive after Nuxt Devtools loads in development. I can't even open the browser's devtools to investigate memory leak with snapshots. The entire tab freezes completely.

After turning off Nuxt Devtools in nuxt.config everything works as aspected.

Maybe this issue is related to #761

🛠️ To reproduce

🌈 Expected behavior

App should correctly work with Nuxt Devtools

ℹ️ Additional context

Nuxt: 4.4.2
Nuxt Devtools: 3.2.3

[ynte]

Are you using useState and adding data? Then it might be the same problem as #936

Could be a problem in the Payload tab.

[alexovn]

Are you using useState and adding data? Then it might be the same problem as #936

Could be a problem in the Payload tab.

My company's project has several useState calls, but it was working fine before. This issue started happening after recent upgrade to Nuxt 4. I've never seen it on Nuxt 3

[alexovn]

@antfu Anthony, can you investigate this issue, please?

[pisandelli]

I'm having this issue with Firefox (Linux). In Chromium it's fine!

[alexovn]

I'm having this issue with Firefox (Linux). In Chromium it's fine!

I tried it in both browsers on macOS. Same thing. I decided to turn off Nuxt Devtools completely through nuxt.config