How can I fix the ‘Payload too large (> 10MB). Event: lr.browser.NodeInitEvent’ warning.

[Satoshi Tanoue]

Hello everyone.

I'm using LogRocket and this plugin in my project now.
But I can't not see the video.

I believe the cause of this is the ‘Payload too large (> 10MB). Event: lr.browser.NodeInitEvent’ warning on the console.

Do you have any tips on how to fix it?

[Lucas Bazemore]

I'm unfortunately experiencing the exact same issue. While this is not a solution in my opinion, just to get it to continue to record requests I set the dom property on LogRocket.init to false like:

LogRocket.init('APP_ID', {
    dom: {
        isEnabled: false
    }
}

If you've found a way to track what is actually getting sent, please share!

[Oscar Esquivel]

Hi. Has there been any fix for this item?

[Farzad Soltani]

I'm using the same module in various projects and not running into this issue.

Can anyone create a code sandbox of some sort?

[Eric Kitaif]

I have this message as well, but it's with NextJS if that helps. And it only happens in dev mode.

[Farzad Soltani]

@EricKit Can you help me reproduce the issue?

[Lucas Bazemore]

As an update, my issue was related to our webpack plugin injecting styles per file, so on initial load, the dom was changing rapidly as the styles were injected and caused the payload to be too large for the first couple of seconds, which LogRocket then subsequently cuts off sending info. Sorry I don't have a repro.