Logbox errors not displayed when using splunk

[gunti96]

SETUP:

The entire app is wrapped in OtelWrapper component, like below:

<OtelWrapper configuration={RumConfig}>
  <GestureHandlerRootView style={commonStyles.flex1}>
    <SafeAreaProvider>
      <Provider store={store}>
        ...
      </Provider>
    </SafeAreProvider>
  </GestureHandlerRootView>
</OtelWrapper>

VERSIONS:

• "react-native": "0.77.0", (new arch is disabled)
• "@splunk/otel-react-native": "0.3.4",

EXPECTED RESULT:

• When we run app locally (metro bundler opened), crashes caused by javascript errors (for example, trying to read a property of undefined) should be displayed in the red Logbox, along with details about where and why they occured, like in below video

without.splunk.mov

CURRENT RESULT:

• The app quickly flickers and then continues showing the same screen, as if the Logbox had been dismissed. This means we are not informed about the error at all (see the below video). It appears as if nothing happened, but in reality, an error occurred and was automatically dismissed - and that's the problem!

with.splunk.mov