Attempted import error: 'withSentry' is not exported from '@sentry/nextjs'.

[HarshaDW]

• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• Use the latest release: https://github.com/getsentry/sentry-javascript/releases
• Provide a link to the affected event from your Sentry account

Package + Version

• @sentry/nextjs @ 6.7.0
• next @ 10.0.6`

Description

Describe your issue in detail, ideally, you have a reproducible demo that you can show.

Attempted import error: 'withSentry' is not exported from '@sentry/nextjs'.

Though exported in handlers.ts enabled import into api/index handler.

Same with import * as Sentry from "@sentry/nextjs";

[onurtemizkan]

Hi @HarshaDW, I just checked and could not reproduce it. Could you provide a reproducible example (preferably a repo) for us to confirm?

[lobsterkatie]

@HarshaDW - The minimum version of nextjs we support is 10.0.8, as documented here. I'm going to close this, but if you're still having trouble after updating nextjs, please let us know.

[mavlikwowa]

@lobsterkatie, @onurtemizkan,
I faced with a same error. Could you reopen this issue?

• next 10.0.8 (I tried to upgrade to latest, it hasn't resolved my problem)
• @sentry/nextjs 6.12.0

An example of using in API:

import type { NextApiRequest, NextApiResponse } from "next"
import { withSentry } from "@sentry/nextjs";

const handler = async (req: NextApiRequest, res: NextApiResponse) => {
  throw new Error("API throw error test")
  res.status(200).json({ name: "John Doe" });
};

export default withSentry(handler);

next.config.js:

const path = require('path');
const { withSentryConfig } = require('@sentry/nextjs');

const SentryWebpackPluginOptions = {
  silent: true,
};

module.exports = withSentryConfig(() => {
  const env = {};

  return {
    webpack: (config, { isServer }) => {
      config.resolve.alias['~'] = path.resolve('./src');
      config.resolve.alias['react'] = path.resolve('./node_modules/react');
      if (!isServer) {
        config.node = {
          fs: 'empty',
        };
      }
      return config;
    },
    env,
  };
}, SentryWebpackPluginOptions);

sentry.client.config:

import * as Sentry from '@sentry/nextjs';

const SENTRY_DSN =
  'https://xxxxxxxxxxxxxx@api-traceback.planeta.tc/2';

Sentry.init({
  dsn: SENTRY_DSN || 'null',
  tracesSampleRate: 1.0,
});

sentry.server.config:

import * as Sentry from '@sentry/nextjs';

const SENTRY_DSN =
  'https://xxxxxxxxxxxxxx@api-traceback.planeta.tc/2';

Sentry.init({
  dsn: SENTRY_DSN || 'null',
  tracesSampleRate: 1.0,
});

After next dev || next build:
Attempted import error: 'withSentry' is not exported from '@sentry/nextjs'

Currently, I was managed to find a soulition with a capture exepction. As for me, this isn't convenient solution.:

export const example = async (): Promise<string[]> => {
  const data = await fetch(
    `exampleFetch`,
    reqData,
  );
  const res = await data.json();
  if (!data.ok) {
    Sentry.captureException('test');
    throw { statusCode: data.status, errorMessage: JSON.stringify(res) };
  }
  return res;
};

[onurtemizkan]

Hi @mavlikwowa, I still can't reproduce the issue using the snippets you provided. Could you create a repo if possible?

After next dev || next build:

And, are you using the global installation of next while running your app? I'm just wondering whether there is a global/local conflict that could lead to this issue.

[mavlikwowa]

GA, @onurtemizkan
I have created an example repo where you can reproduce this issue.
https://github.com/mavlikwowa/sentry_nexjs_issue
When I had been creating this I payed an attention that error appointed when I used API call in getInitialProps function:

App.getInitialProps = async () => {
  await apiCall();
};

Perhaps, it can help us to resolve this probem.
P.S I can't publish all working repo due to NDA, sorry. There's only for error's reproducing.

[onurtemizkan]

Thanks a lot for the reproduction @mavlikwowa.