Resolving integration issues for Para in React Native and Expo environments
When incorporating Para into React Native or Expo applications, developers may face specific hurdles. This guide offers
solutions to common problems and provides best practices for a smooth integration process.
Using an LLM (ChatGPT, Claude) or Coding Assistant (Cursor, Github Copilot)? Here are a few tips:
Include the to ensure you’re getting the most up-to-date help!
Check out the for an interactive LLM that leverages the Para Examples Hub!
Error: Errors persist despite Metro configuration, often related to global objects.
Solution: Create a shim.js file at the root of your project and import it in your entry file.
For the complete shim.js setup, refer to the Polyfills and Shims section in the and setup guides.
Missing Crypto Subtle API
Error: Errors related to crypto.subtle API or missing cryptographic functions.
Solution: Add the PolyfillCrypto component to your root App component.
Copy
Ask AI
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 Para associated domains and web credentials.Please check Step one of the Project Setup section for the <Link label="React Native" href="getting-started/initial-setup/react-native#project-setup" /> and <Link label="Expo" href="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 Para.<Info>Contact Para 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**: Para 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.```bashcd iospod installcd ..npx react-native run-ios
Storage-Related Errors
Error: Errors retrieving stored items.
Solution: Ensure React Native Async Storage and Keychain are installed and linked. Additionally ensure that you run para.init() as it asynchronusly initializes the storage.
If you’re experiencing issues that aren’t resolved by our troubleshooting resources, please contact our team for
assistance. To help us resolve your issue quickly, please include the following information in your request:
1
A detailed description of the problem you’re encountering.
2
Any relevant error messages or logs.
3
Steps to reproduce the issue.
4
Details about your system or environment (e.g., device, operating system, software version).
Providing this information will enable our team to address your concerns more efficiently.
