App Clip: mian.jsbundle is my main instead of the index.clip

[Yofret-Rios]

Thanks for putting this awesome guide together! There is not much documentation on using React Native for this, but this has truly been helpful.

I've followed the guide, and it has been working well so far. There are a few things in the guide that are outdated, but with some research, I was able to make it work!

In development mode, I'm able to build and test my app clip with index.clip.js locally. However, when I try to test it on TestFlight, I can see both the main app and the app clip on the TestBuild, but my app clip is using my main app bundle instead of the app clip's bundle.

I'm currently using react native 0.73, and some of the build specified in this guide no longer exists. My Bundle React native code and images build phase for the AppClip looks like this:

if [[ -s "$HOME/.nvm/nvm.sh" ]]; then
. "$HOME/.nvm/nvm.sh"
elif [[ -x "$(command -v brew)" && -s "$(brew --prefix nvm)/nvm.sh" ]]; then
. "$(brew --prefix nvm)/nvm.sh"
fi

set -e

WITH_ENVIRONMENT="$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh"
REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"

/bin/sh -c "$WITH_ENVIRONMENT $REACT_NATIVE_XCODE index.clip.js"

As specified in the guide I'm using index.clip.js as the entry point and my app clip experience is different than my main app experience, Am I missing something here?

Thanks in advance for any help provided!

[Yofret-Rios]

After looking at the source code for react-native-xcode.sh

I managed to solve this by adding a custom ENTRY_FILE to the Bundle React native code and images like this:

export ENTRY_FILE="index.clip.js"
WITH_ENVIRONMENT="$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh"
REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"

This works because the react-native script pulls the ENV variable first before setting the default entry point, index.js

Now my App Clip is pulling the bundle generated based on index.clip.js!