/bug_repodruction_undefined-_reading_sentry

Primary LanguageTypeScriptMIT LicenseMIT

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 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, which is similar to the one in sentry-javascript-bundler-plugins: issue #530, the difference when using Next.js is that the disabling of reactComponentAnnotation is done in the next.config.mjs file:

export default withSentryConfig(nextConfig, {
    // Automatically annotate React components to show their full name in breadcrumbs and session replay
    reactComponentAnnotation: {
        enabled: false,
    },
});

setup

npx create-next-app@latest
npx @sentry/wizard
npm i @react-three/fiber

needs to be run in "production" mode

npm run build

npm run start

(error not present in dev mode)