httpClientIntegration not triggering sentry events

[upneet-loco]

Hello! I am having some issues setting up httpClientIntegration integration for my Nextjs app.

import * as Sentry from '@sentry/nextjs'
import { httpClientIntegration } from '@sentry/integrations'

const SENTRY_DSN = process.env.NEXT_PUBLIC_SENTRY_DSN

// if (process.env.NODE_ENV !== 'development') {
Sentry.init({
  dsn: SENTRY_DSN,
  integrations: [
    httpClientIntegration({
      failedRequestStatusCodes: [400, 599],
    }),
  ],
  sampleRate: 0.75, 
  tracesSampleRate: 0,
})
// }

This is my sentry.client.config.js file.

const sentryWebpackPluginOptions = {
  silent: true,
  urlPrefix: '~/',
}

plugins.push([withSentryConfig, sentryWebpackPluginOptions])

This is a part of my next.config.js

I have a part of my application where on logout, I am sending a sentry exception.

if (
          (result.statusCode && result.statusCode !== 200) ||
          (result.status_code && result.status_code !== 200)
        ) {
          const logoutErr = new Error(result.message ?? 'Logout Error')
          const bugData = {
            forced: true,
            api_failed: '/profile/me/',
            via_refresh_token: false,
            stack: result,
            reason: result?.message ?? 'Unknown Error',
          }

          Sentry.captureException(logoutErr, {
            extra: {
              statusCode: result.statusCode ?? result.status_code,
              message: result.message,
              subMessage: result.subMessage ?? 'No extra information',
              ...bugData,
            },
          })

          Amplitude.logEvent('logout', bugData)
        }

Replicating a 403 error via an interceptor, I am able to get the captureException call in my dashboard, but nothing from my httpClientIntegration.

I am very new to working with sentry so this might be a major oversight on my part. If someone can help me understand what I am doing, it'd be highly appreciated. Thanks!