Unable to run app after installing and setting up a basic example (Not using EXPO GO)

[jeanmaried]

Steps to reproduce:

1. npx expo install @reactvision/react-viro
2. Update app.json:

        "@reactvision/react-viro",
        {
          "ios": {
            "cameraUsagePermission": "$(PRODUCT_NAME) uses your camera for AR experiences. This is a custom InfoPlist string!",
            "microphoneUsagePermission": "$(PRODUCT_NAME) uses your microphone for AR experiences. This is a custom InfoPlist string!",
            "photosPermission": "$(PRODUCT_NAME) would like to read photos for AR experiences. This is a custom InfoPlist string!",
            "savephotosPermission": "$(PRODUCT_NAME) would like to save photos to your library during AR experiences. This is a custom InfoPlist string!"
          }
        }
      ],

3. npx expo prebuild --clean
4. Build in xcode on device (also tried with simulator)
5. Error:

ERROR  [TypeError: Cannot read property 'setJSAnimations' of null] 

Code: ar-test.tsx
  1 | import React from "react";
  2 | import { StyleSheet, View, TouchableOpacity } from "react-native";
> 3 | import {
    | ^
  4 |   ViroARScene,
  5 |   ViroARSceneNavigator,
  6 |   ViroImage,
Call Stack

Am I missing a step?

[oliedis]

Two follow-up questions for you.

Can you share your implementation? In case there's an issue with that?

What if you do npm install instead of using not expo install? The former is what we recommend in the docs.

[RPiAwesomeness]

Seeing the same thing on Android, connected via wireless adb, to integrate into a pre-existing app. Installed via bun add @reactvision/react-viro, then manually added a basic text element for initial setup confirmation:

import {
    ViroARScene,
    ViroARSceneNavigator,
    ViroText,
} from '@reactvision/react-viro';
import { StyleSheet } from "react-native";
import { useSafeAreaInsets } from 'react-native-safe-area-context';

const HelloWorldSceneAR = () => {
    return (
        <ViroARScene>
            <ViroText
                text="Test"
                scale={[0.5, 0.5, 0.5]}
                position={[0, 0, -1]}
                style={styles.textStyle}
            />
        </ViroARScene>
    );
};

export default function ARScreen() {
    const insets = useSafeAreaInsets();
    return (
        <ViroARSceneNavigator
            autofocus={true}
            style={[
                styles.arNavigator,
                {
                    top: insets.top + 10,
                    right: 16,
                }
            ]}
            initialScene={{
                scene: HelloWorldSceneAR,
            }}
        />
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    arNavigator: {
        flex: 1,
    },
    textStyle: {
        fontFamily: "Arial",
        fontSize: 30,
        color: "#ffffff",
        textAlignVertical: "center",
        textAlign: "center",
    },
    settingsButton: {
        position: "absolute",
        width: 56,
        height: 56,
        borderRadius: 28,
        backgroundColor: "#ffffff",
        justifyContent: "center",
        alignItems: "center",
    },
});

$ bun x expo prebuild --clean -p android --no-install
env: load .env.local .env

✔ Cleared android code
✔ Created native directory
✔ Updated package.json | no changes
» android: withViroAndroid: ViroReact requires New Architecture to be enabled. Please add "newArchEnabled=true" to your android/gradle.properties file.
» android: userInterfaceStyle: Install expo-system-ui in your project to enable this feature.
✔ Finished prebuild

or

$ bun x  expo prebuild --clean
env: load .env.local .env

✔ Cleared android, ios code
✔ Created native directories
✔ Updated package.json | no changes
» ios: withViroIos: ViroReact requires New Architecture to be enabled. Please set RCT_NEW_ARCH_ENABLED=1 in your ios/.xcode.env file.
» android: withViroAndroid: ViroReact requires New Architecture to be enabled. Please add "newArchEnabled=true" to your android/gradle.properties file.
» android: userInterfaceStyle: Install expo-system-ui in your project to enable this feature.
✔ Finished prebuild
✔ Skipped installing CocoaPods because operating system is not on macOS

I'm not getting any output in Expo, just [runtime not ready]: Cannot read property 'setJSAnimations of null plus a bunch of traceback lines on my phone while testing.