Error: NitroModulesProxy.createHybridObject(...)

[benstallwood3]

I was trying to implement rive animations into my app. I was using the legacy version initially, which worked, then upgraded to latest and got this. I know the code snippet is very limited, but also this is all I've got to work with.

ERROR [GlobalError] [Error: NitroModulesProxy.createHybridObject(...) threw an unknown std::runtime_error error.] {"isFatal": true}

It was a .riv file with multiple assets. I was previously using this file with the legacy, but decided to upgrade.

I have tried to do clean builds, etc but having no luck. I've back tracked to see if it was something else, but when I downgraded back to legacy it worked, so it has to be to do with this.

iPhone 17 Pro Max, IOS 26.

If you need further information, I can definitely provide.

[mfazekas]

@benstallwood3 thanks much for the report, can you perhaps share the .riv file? And ideally a simple component to reproduce the issue?

[benstallwood3]

Just sent over to 'hello@' email!

[benstallwood3]

Noticed you committed something related to NitroModules (may be unrelated) but if not, I tried a patch using this and it still gave same error. However, I haven't had the chance to ensure there were no caching issues.

[mfazekas]

Thanks for sharing the file! I tested fight.riv with the following simple component and it loads and renders correctly on iOS:

import { View, StyleSheet, Text, ActivityIndicator } from 'react-native';
import { RiveView, useRiveFile, Fit } from '@rive-app/react-native';

export default function FightTest() {
  const { riveFile, isLoading, error } = useRiveFile(
    require('./path/to/fight.riv')
  );

  if (isLoading) {
    return (
      <View style={styles.container}>
        <ActivityIndicator size="large" />
      </View>
    );
  }

  if (error) {
    return (
      <View style={styles.container}>
        <Text style={{ color: 'red' }}>Error: {error}</Text>
      </View>
    );
  }

  return (
    <View style={styles.container}>
      {riveFile && (
        <RiveView
          file={riveFile}
          fit={Fit.Contain}
          style={styles.rive}
          autoPlay={true}
        />
      )}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  rive: {
    width: '100%',
    height: '100%',
  },
});

Could you share:

1. The exact version of @rive-app/react-native you're using
2. Your React Native version
3. The minimal component code that triggers the crash

This will help us narrow down the issue.

[mfazekas]

@benstallwood3 can you also share the package.json, so the other node modules used?!

[mfazekas]

@benstallwood3 are you using @shopify/react-native-skia ?! Can you upgrade to the latest version?

See: mrousavy/nitro#919