`sourceMapString` is not a function [v5.28.0]

[devphilipcesar]

OS:

• Windows
• MacOS
• Linux

Platform:

• iOS
• Android

SDK:

• @sentry/react-native (>= 1.0.0)
• react-native-sentry (<= 0.43.2)

SDK version: 5.26.0

react-native version: 0.73.9

Are you using Expo?

• Yes
• No

Are you using sentry.io or on-premise?

• sentry.io (SaaS)
• on-premise

If you are using sentry.io, please post a link to your issue so we can take a look:

[Link to issue]

Configuration:

(@sentry/react-native)

Sentry.init({
  dsn: 'https://...@sentry.io/...'
  // other options
});

or

(react-native-sentry)

Sentry.config(
  'https://...@sentry.io/...'
  // other options
 ).install();

---

I have the following issue:

[Description]

Steps to reproduce:

• Step 1
• Step 2

Actual result:

ANDROID

iOS

Expected result:

[Expected result]

[vineyardbovines]

Seeing the same issue.

Expo SDK 51
@sentry/react-native v5.22.0

[devphilipcesar]

[UPDATE]

I was able to fix issue by removing the createSentryMetroSerializer and the whole serializer

Old file:

Updated file:

[matthijsFoF]

We're having the same issue on a bare react-native project, is removing this createSentryMetroSerializer really the way to go here? This means source maps won't work properly anymore with sentry, see:
https://docs.sentry.io/platforms/react-native/manual-setup/metro/

Sentry's React Native SDK package ships with a Sentry Metro Serializer which allows you to automatically generate Debug IDs for your applications' bundles. This is crucial for making source maps work properly with Sentry. This page will guide you through the process of setting up the Metro Plugin for your application.

This was also generated by the sentry wizard.

TypeError: sourceMapString is not a function
error sourceMapString is not a function.

Our metro.config file looks like this:

const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');

const {
 withSentryConfig
} = require("@sentry/react-native/metro");

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('metro-config').MetroConfig}
 */
const config = {};

module.exports = withSentryConfig(mergeConfig(getDefaultConfig(__dirname), config));

[devphilipcesar]

Hi @matthijsFoF basically at that time I bump the sentry react native version to 5.27.0 and removed that createSentryMetroSerializer... I tested using the Sentry test error and I was able to track the error on Sentry Dashboard with no issues on sourcemaps.

UPDATE:
update to 5.28.0 will resolve the issue.

[vineyardbovines]

We aren't using createSentryMetroSerializer in our config, so I'm not sure that resolves the issue fully. We are also on 5.28.0 and still seeing the error, @devphilipcesar do you mind reopening this issue?

Logs:

Metro config file:

const { getSentryExpoConfig } = require("@sentry/react-native/metro");
const { FileStore } = require("metro-cache");
const path = require("path");

module.exports = withTurborepoManagedCache(
  withMonorepoPaths(getSentryExpoConfig(__dirname))
);

function withMonorepoPaths(config) {
  const projectRoot = __dirname;
  const workspaceRoot = path.resolve(projectRoot, "../..");

  config.watchFolders = [workspaceRoot];

  config.resolver.nodeModulesPaths = [
    path.resolve(projectRoot, "node_modules"),
    path.resolve(workspaceRoot, "node_modules"),
  ];

  return config;
}

function withTurborepoManagedCache(config) {
  config.cacheStores = [
    new FileStore({ root: path.join(__dirname, "node_modules/.cache/metro") }),
  ];
  return config;
}