Uncaught TypeError: str.substr is not a function

[hassaans]

• 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

Package + Version

"@sentry/browser": "4.5.4",
"@sentry/webpack-plugin": "1.6.2"

Description

[HazAT]

Hey,

How can we reproduce this issue?
How does your code look like (setup + Sentry calls)?

[hassaans]

// App.js
  constructor(props) {
    super(props);
    initSentry();
  }
  componentDidCatch(error, errorInfo) {
    const userId = R.path(['userInfo', 'data', 'user_id'], this.props);
    sendErrorEvent(error, errorInfo, { userId });
  }

// Sentry.js

export const initSentry = () => {
  if (!window.DEBUG) {
    Sentry.init({
      dsn: PUBLIC_DSN,
      release: RELEASE,
      sendDefaultPii: true,
      environment: ENVIRONMENT,
    });
  }
};

const sendDirectEvent = (error, errorInfo = {}, extraData = {}) => {
  const userId = extraData.userId;
  Sentry.withScope((scope) => {
    Object.keys(errorInfo).forEach((key) => {
      scope.setExtra(key, errorInfo[key]);
    });
    if (userId) {
      scope.setUser({ id: userId });
    }
    Sentry.captureException(error);
  });
};

export const sendErrorEvent = (error, errorInfo = {}, extraData = {}) => {
  let errorToSend = error;

  // filter events
  if (errorToSend.status && !filteredExceptions.includes(errorToSend.status)) {
    return;
  }
  if (errorToSend.status) {
    const errorText = R.path(['responseJSON', 'errorText'], error) || '';
    errorToSend = new Error(`${errorToSend.status} ${errorText}`);
    errorToSend.code = errorToSend.status;
  }

  sendDirectEvent(errorToSend, errorInfo, extraData);
};

[HazAT]

Is it possible for you to run your react app in development mode to be able to see the source line in Sentry?