log doesn't send messages from browser when payload is bigger than 64kB

Question

log doesn't send messages from browser when payload is bigger than 64kB

jeetiss opened this issue 2 years ago · 4 comments

I setup axiom integration for my next-js project deployed to vercel as described in documentation

I try to log errors from my frontend app with provided log.error function and for some reason, all errors are stuck in a pending state.

Would you know why this happened and how I can fix it?

repo with project: https://github.com/jeetiss/react-pdf-experiments

Answer 1 · 2023-01-07T12:24:53.000Z

to reproduce open link and wait 20 seconds

Answer 2 · 2023-01-07T12:52:31.000Z

I found what is causing the problem:

I tried to log fields bigger than 64kB
log use navigator.sendBeacon in the browser
sendBeacon has size limits and doesn't send anything when the message size is bigger than 64kB

Answer 3 · 2023-01-09T10:37:07.000Z

hi @jeetiss , thanks for reaching out and filing a bug. great find by the way. one possible solution is that we fallback to fetch if sendBeacon fails. I am on it.

Answer 4 · 2023-02-09T09:09:26.000Z

@jeetiss sorry for my late reply, this was actually implemented since my last comment but we haven't had a new release yet. A new version of next-axiom will be released next week and this change will ship with it.