fix: Support React-Native 0.80

[miquelbeltran]

fix: Support React-Native 0.80

Description 📝

• Purpose: Fixes to support React-Native 0.80, including updates in demo and expo projects.
• Approach: Update dependencies and code changes

Closes: #169

Type of change

• Fix

Updates

• Changed usage of XHRInterceptor to support the 0.79 API changes
• Upgraded dependencies

Test plan 🧪

• Unit test and test on device with demo app + expo demo app

Author to check 👓

• Project and all contained modules builds successfully
• Self-/dev-tested
• Unit/UI/Automation/Integration tests provided where applicable
• Code is written to standards
• Appropriate documentation written (code comments, internal docs)

Reviewer to check ✔️

• Project and all contained modules builds successfully
• Change has been dev-/reviewer-tested, where possible
• Unit/UI/Automation/Integration tests provided where applicable
• Code is written to standards
• Appropriate documentation written (code comments, internal docs)

[miquelbeltran]

RN 0.80 released: https://reactnative.dev/blog/2025/06/12/react-native-0.80

[miquelbeltran]

Just to confirm, facebook/metro#1516 still happens on 0.80

[miquelbeltran]

As temporal solution, I created release 1.5.4-alpha.1 which disables use of XHRInterceptor: https://www.npmjs.com/package/raygun4reactnative/v/1.5.4-alpha.1

This build disables RUM, but at least unblocks customers that want to use react-native 0.79+.

[robhogan]

@miquelbeltran just a thought if you need to support older Metro versions - the bug occurred when using multiple optional dependencies in the same file or other dependencies after unresolvable optional dependencies.

You could workaround that by splitting out the optional dependencies into their own files:

// MaybeNewXHRInterceptorModule.ts
let XHRInterceptorModule = null;
try {
   XHRInterceptorModule = require('react-native/src/private/inspector/XHRInterceptor');
} catch {}
module.exports = XHRInterceptorModule;

// MaybeOldXHRInterceptorModule.ts
let XHRInterceptorModule = null;
try {
   XHRInterceptorModule = require('react-native/Libraries/Network/XHRInterceptor');
} catch {}
module.exports = XHRInterceptorModule;

// RealUserMonitor.ts
import MaybeOldXHRInterceptorModule from './MaybeOldXHRInterceptorModule';
import MaybeNewXHRInterceptorModule from './MaybeNewXHRInterceptorModule';

const XHRInterceptorModule = MaybeNewXHRInterceptorModule ?? MaybeOldXHRInterceptorModule;

That should work with all RN/Metro versions.

Heads up though that the JS Stable API project will hide this module in future versions, so I'd recommend raising your use case here to create the public APIs you'll need.

[miquelbeltran]

Thanks for the tip @robhogan I will check the discussion as well

[miquelbeltran]

CI script changed to use the build scripts in the package.json

[miquelbeltran]

Removed unused test file

[miquelbeltran]

Required for Android SDK updates

[miquelbeltran]

Automatically changed by build process

[miquelbeltran]

demo package updates, the use of the tgz is due to using the build scripts in the package.json. Since this is a demo project, that's no problem

[miquelbeltran]

SDK updates are mostly on dev-dependencies that don't affect customers. async-storage update is required for RN 0.79+

[miquelbeltran]

The code added in this module ensures that the SDK doesn't break if XHRInterceptorModule is not available, still a warning error will be displayed to developers

[Olwiba]

Yep, reads all good to me - nice work 🚀