### Environment

self-hosted (https://develop.sentry.dev/self-hosted/)

### Steps to Reproduce

1. Create a basic [Vue3 project ](https://vuejs.org/guide/quick-start.html) using npm create vue@latest ( Use "Yes" when it asks you for options )
2. Install sentry using the standard recommended config and don't use the tunnel ( Happens on Tunnel as well )
3. Change code inside App.vue. Replace script and template with this to create a simple error on click. ( something should throw an error inside updateBar() )
```js

import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import { ref } from 'vue';
const message = ref("WelcomeMessage");

function updateBar() {
message.value = new Date().toDateString();
const response = fetch("https://this-is-error-now.com");
}

```
4. Check Sentry Issues and Sentry Replay

### Expected Result

1. Sentry Issues -> New Issue is opened
2. Sentry Replays -> New replay is created with the TypeError visible on the Replay timeline and inside the "Error" tab

### Actual Result

1. New Issue gets created
2. Replay gets created and Error tab is empty
3. Trace with error exists

### Product Area

Replays

### Link

_No response_

### DSN

_No response_

### Version

24.4.1

Use the Vue 3 reproduction in App.vue, especially updateBar(), to generate the issue and replay. Compare the resulting issue, trace, and Replay Errors tab; done means the captured TypeError appears in the replay timeline and Error tab as expected.

Written by the indexing model from the issue text.