React Native and Expo

# For React Native
rm -rf node_modules
npm cache clean --force
npm install

# For Expo
expo r -c

# For React Native
npx react-native run-ios
npx react-native run-android

# For Expo
expo run:ios
expo run:android

const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
const nodeLibs = require("node-libs-react-native");

const config = {
  resolver: {
    extraNodeModules: {
      ...nodeLibs,
      crypto: require.resolve("react-native-quick-crypto"),
      buffer: require.resolve("@craftzdog/react-native-buffer"),
    },
  },
};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);

import PolyfillCrypto from "react-native-webview-crypto";

export default function App() {
return (
<>
  <PolyfillCrypto />
  {/* Your app components */}
</>
);
}

</Accordion>

<Accordion title="WebCredentials Configuration">
**Error**: Passkey functionality not working. Errors related to `ASAuthorizationController` or `ASWebAuthenticationSession` on iOS and `CredenitalManager` on Android.

**Solution**:
Passkeys requires configuring both the iOS and Android environments with the Capsule associated domains and web credentials.
Please check Step one of the Project Setup section for the [React Native](getting-started/initial-setup/react-native#project-setup) and [Expo](getting-started/initial-setup/expo#project-setup) setup guides for detailed instructions.

</Accordion>

<Accordion title="Apple App Site Association">
**Error**: Passkeys not functioning despite correct configuration.

**Solution**: Ensure your app's bundle identifier and team ID are registered with Capsule.

<Info>
Contact Capsule support to associate your app correctly. Provide your app's bundle identifier and team ID. You can find your team ID in the Apple Developer portal.
</Info>

</Accordion>

<Accordion title="Expo Go Limitations">
**Error**: Native modules not working in Expo Go.

**Solution**: Capsule is reliant on native modules and will not work with Expo Go. Use Expo's build service to create a standalone app. You can do this by running `expo build:ios` or `expo build:android`. This will create the corresponding iOS or Android folders in your project and link the native modules correctly. Alternative use expo prebuild to create the native folders for both platforms.

</Accordion>

<Accordion title="Pod Linking Issues">
**Error**: Native modules not linking correctly. Build errors related to missing pods. Build stalls at the linking stage.

**Solution**: iOS in React Native projects requires manual linking of pods. Ensure the pods are correctly linked by running `pod install` in the `ios` directory. Expo auto links the pods, but you can run `expo prebuild --clean` to ensure the pods are correctly linked.

```bash
cd ios
pod install
cd ..
npx react-native run-ios