Working on a mobile application in React Native, specifically using Expo SDK version ~51.0.18 for development.
The project involves utilizing the Expo router to manage all routing within the app.
Now, I'm looking to implement a new SDK called Lean tech for bank connection in the GCC region which requires the use of the react-native-webview package.
Following the tutorial guidelines meticulously:
import React, {useRef} from 'react';
import { View, StyleSheet, Text, Image } from 'react-native';
import { Button, useTheme} from 'react-native-paper';
// @ts-ignore
import LinkSDK from "lean-react-native";
const Screen: React.FC = () => {
const theme = useTheme();
const styles = createStyles(theme);
const Lean = useRef(null)
return (
<View style={styles.container}>
<LinkSDK
ref={Lean}
appToken="xxxxxx-6e5e-xxxx-xx58-bx6xd9fxxxxx"
version="@latest"
country="ArabEmirates"
sandbox
/>
<Button style={styles.button} mode="contained" textColor="#013511" onPress={() => Lean.current.connect({ customer_id: "xxxxxxx" })}>
Link Bank Account
</Button>
</View>
);
};
However, when attempting to establish a connection by clicking on the button, an error is encountered: https://i.sstatic.net/0vIdtMCY.png
Seeking clarification whether this issue stems from the usage of Expo or if additional setups or linking procedures are required? Note that Pod install instructions were not followed as testing is conducted on an android device.