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://[email protected]/...'
  // other options
});

or

(react-native-sentry)

Sentry.config(
  'https://[email protected]/...'
  // 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;
}

[matthijsFoF]

Hi @devphilipcesar, fixed for us now, thanks for the quick response!

[atitpatel]

Our appcenter builds have started failing due to the same error.
React native: 0.74.1
Different sentry packages:

"@sentry/cli": "2.32.2",
"@sentry/integrations": "7.101.1",
"@sentry/react-native": "5.20.0",

These builds were working fine till Friday last week and then started failing without any library change from our end. Any help is appreciated here. Thanks!

P.S.: I tried upgrading @sentry/react-native to 5.28.0, but kept getting build errors around Sentry/HybridSDK and various attempts to update pods didn't help it.

[krystofwoldrich]

Hello everyone,
The issue was caused by the latest Metro update changing the sourceMapString function export.

It was fixed by this PR.

• fix(metro): Fix sourceMapString is not a function, support [email protected] #4004

Please upgrade to https://github.com/getsentry/sentry-react-native/releases/tag/5.28.0

[krystofwoldrich]

@gretzky I see you mentioned you are on https://github.com/getsentry/sentry-react-native/releases/tag/5.28.0 but still seeing the error, could you check that your that the build is not using older version from cache?

[krystofwoldrich]

I tried upgrading @sentry/react-native to 5.28.0, but kept getting build errors around Sentry/HybridSDK and various attempts to update pods didn't help it.

@atitpatel Could you share what errors are you getting?

[sieu-db]

Hi, we are also on 5.28.0 and still seeing the error, @devphilipcesar @krystofwoldrich do you mind reopening this issue ?

Expo 50
Sentry 5.28.0

The same code build without issues ~2 weeks ago, but right now facing error below

error: (0 , sourceMapString_1.default) is not a function
TypeError: (0 , sourceMapString_1.default) is not a function
TypeError: (0 , sourceMapString_1.default) is not a function
    at /Users/builder/clone/node_modules/expo/node_modules/@expo/metro-config/build/serializer/withExpoSerializers.js:98:55
    at /Users/builder/clone/node_modules/expo/node_modules/@expo/metro-config/build/serializer/withExpoSerializers.js:156:20
    at Object.customSerializer (/Users/builder/clone/node_modules/expo/node_modules/@expo/metro-config/build/serializer/withExpoSerializers.js:182:16)
    at Server.build (/Users/builder/clone/node_modules/metro/src/Server.js:156:52)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async exportEmbedBundleAsync (/Users/builder/clone/node_modules/@expo/cli/build/src/export/embed/exportEmbedAsync.js:134:16)
    at async exportEmbedBundleAndAssetsAsync (/Users/builder/clone/node_modules/@expo/cli/build/src/export/embed/exportEmbedAsync.js:122:24)
    at async exportEmbedAsync (/Users/builder/clone/node_modules/@expo/cli/build/src/export/embed/exportEmbedAsync.js:62:34)
+ '[' -z '' ']'
++ /usr/local/bin/node --print 'require('\''path'\'').dirname(require.resolve('\''@sentry/react-native/package.json'\''))'

[Njinou]

@sieu-db p lease any update on that issue ?