https://github.com/chrisweb/bug_repodruction_undefined-_reading_sentry
https://github.com/chrisweb/bug_repodruction_undefined-_reading_sentry
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chrisweb/bug_repodruction_undefined-_reading_sentry
- Owner: chrisweb
- License: mit
- Created: 2024-08-17T19:32:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-17T22:56:01.000Z (almost 2 years ago)
- Last Synced: 2025-10-04T03:04:27.240Z (9 months ago)
- Language: TypeScript
- Size: 66.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# reproduction three-fiber - sentry - nextjs bug
## update
> [!IMPORTANT]
> A while after posting about this bug I found a related [sentry-javascript-bundler-plugins: issue #530](https://github.com/getsentry/sentry-javascript-bundler-plugins/issues/530) in another sentry repository, there is a suggestion to add configuration options to exclude three fiber when the **reactComponentAnnotation** feature is enabled, this would fix the problem but as of now the ticket is still open
>
> I added a workaround to [my issue](https://github.com/getsentry/sentry-javascript/issues/13413#issuecomment-2295014148), which is similar to the one in [sentry-javascript-bundler-plugins: issue #530](https://github.com/getsentry/sentry-javascript-bundler-plugins/issues/530), the difference when using Next.js is that the disabling of reactComponentAnnotation is done in the next.config.mjs file:
>
> ```js
> export default withSentryConfig(nextConfig, {
> // Automatically annotate React components to show their full name in breadcrumbs and session replay
> reactComponentAnnotation: {
> enabled: false,
> },
> });
> ```
## setup
```shell
npx create-next-app@latest
npx @sentry/wizard
npm i @react-three/fiber
```
## needs to be run in "production" mode
```shell
npm run build
npm run start
```
(error not present in dev mode)