Rybbit analytics custom events not working when refreshing page until you navigate to another page

[bananacity]

🐛 The bug

Hi, so with Rybbit analytics I have this issue where the default tracking works perfectly (tracks when users visit different pages etc). However anything to do seemingly with the proxy tracking custom events or custom page views like when pressing a button will fail if you refresh the page.

On page refresh the default page refresh is tracked correctly however then pressing the buttons fails to send any events. If you then navigate to another page and press buttons it works correctly again and emits the events.

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-qiz8t4kg?file=pages%2Fstore.vue

🌈 Expected behavior

Expected to emit events on page refresh correctly when pressing the buttons.

I have attached a basic reproduction with a temporarily public rybbit dashboard so you can see live events being sent showing this issue on the realtime page there. You can also view this behaviour in the browser network tab as no "track" events are emitted when pressing the buttons after a page refresh (only the default "track" event is emitted for refreshing the page correctly)

ℹ️ Additional context

The same thing occurs if I use a standard rybbit instance (not self deployed), and if i do my setup in nuxt config instead of in the composables. I have also now tested out the official rybbit SDK and can confirm this doesn't happen with that

[bananacity]

btw the webcontainer url changes each time so let me know the URL and i will update the dashboard so that it will work when you test it out in stackblitz. or you can just use a demo rybbit setup to see the same behaviour.

[dankerow]

Hi there

I tried using the proxy to track custom events with no luck. It works 1 time out of 6
Using onLoaded() seems to "solve" the issue, the events are correctly sent to the Rybbit instance

onLoaded((instance) => {
  instance.event('login', {
    id: user.id,
    username: user.username
  })

  instance.identify(user.id)
})

Could you try using it and see if anything changes? @bananacity

[bananacity]

Yeah it looks like onLoaded does solve the issue.

[harlan-zw]

I'll keep open to investigate further as others may come across this