React component profiling for next JS

[davidhao3300]

Is there a way to use this feature: https://docs.sentry.io/platforms/javascript/guides/react/features/component-tracking/ with the @sentry/nextjs package?

What I've tried:

import * as Sentry from '@sentry/react';
...
export default Sentry.withProfiler(App);

along with

Sentry.init({
    ...
    integrations: [
      new Sentry.BrowserTracing({...}),
      new Sentry.Replay({...}),
    ],
    tracesSampleRate: 1.0,
    replaysSessionSampleRate: 1.0,
  });

Traces show up fine, just not the react ones

Similar to this question 2 years ago that didn't really have a satisfactory answer: #3488

[lforst]

In theory that should work fine. Maybe you put the profiler around a component that is exclusively rendered on the server. Try putting it around a component that is either clientside rendered or updated on the clientside.