Sentry-react-native: undefined is not an object (evaluating 'j.default.captureException')

[2hyjun]

OS:

• [ ] Windows
• [x] MacOS
• [ ] Linux

_Platform:_

• [x] iOS
• [ ] Android

Output of node -v && npm -v && npm ls --prod --depth=0

├── @types/[email protected]
├── @types/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] invalid
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

npm ERR! invalid: [email protected] /Users/hyuckjunlee/Development/MCTExchange/node_modules/react-native-languages
npm ERR! invalid: [email protected] /Users/hyuckjunlee/Development/MCTExchange/node_modules/@sentry/wizard/node_modules/xcode

Config:

export const SentryUrl = '🔑';
Sentry.config(SentryUrl).install();

---

I have following issue:

on root index.js

/** @format */

import { AppRegistry, YellowBox } from 'react-native';
import App from './src/index';
import { name as appName } from './app.json';
import Sentry from 'react-native-sentry';
import { SentryUrl } from './src/config/urls';
import CodePush from 'react-native-code-push';

Sentry.config(SentryUrl).install();
CodePush.getUpdateMetadata().then((update) => {
  if (update) {
    Sentry.setVersion(update.appVersion + '-codepush:' + update.label);
  }
});

YellowBox.ignoreWarnings(['You should only render ...', 'Remote debugger']);

AppRegistry.registerComponent(appName, () => App);

and actual capturing exception codes Login.tsx

  import Sentry from 'react-native-sentry';
  ...
  ... 
  @action
  public submit = async () => {
    try {
      this.isLoading = true;
      await this.props.login(this.emailAddr, this.pswd);
      this.props.navigation.navigate('MainTab');
    } catch (e) {
      console.log(e);
      Alert.alert('Hello');
      !__DEV__ && Sentry.captureException(e); // Sentry is undefined!!!!!!!!!!!!!!!!!!!!!!!!
      if (!e.response || e.response.status === 404) {
        Alert.alert('오류', '서버로부터 응답이 없습니다.');
      } else if (e.response.status === 400) {
        Alert.alert('', '이메일 혹은 비밀번호가 올바르지 않습니다.');
      } else if (e.response.status === 401) {
        Alert.alert('오류', '사용자 정보를 받아 올 수 없습니다.');
      } else {
        Alert.alert('오류', '알 수 없는 오류입니다.');
      }
    } finally {
      this.isLoading = false;
    }
  };

On this code, Sentry.captureException(e) doesn't work.

||Version|
|---|---|
|react-native|0.57.8|
|react-native-sentry|0.42.2|

[sentry-probot[bot]]

Hi there, I just edited this for you. Try not to post your DSN on GitHub.

[2hyjun]

I made a fool mistake.
I modify import Sentry from 'react-native-sentry' to import { Sentry } from 'react-native-sentry, it works