[TypeError: Cannot read property 'open' of null] while RazorPay Payment Gateway Integration latest version

[gausu60]

can anyone help me ? [TypeError: Cannot read property 'open' of null] this error occured when i click on pay btn this is my code below :- import RazorpayCheckout from "react-native-razorpay"; <TouchableOpacity style={styles.paybtn} onPress={() => { var options = { description: 'Online Furniture Sales', image: 'https://i.imgur.com/3g7nmJC.jpg', currency: 'INR', key: '', amount: '5000', name: 'VIVDeal', order_id: '',//Replace this with an order_id created using Orders API. prefill: { email: 'gausu@gmail.com', contact: '919165482569', name: 'Gausuddeen Shaikh' }, theme: {color: '#53a20e'} } RazorpayCheckout.open(options).then((data) => { // handle success alert(Success: ${data.razorpay_payment_id}); }).catch((error) => { // handle failure console.log('Error: ', error); alert(Error: ${error.code} | ${error.description}); }); }}

Proceed To Pay

[vivekshindhe]

@gausu60 The error means that the react-native-razorpay package is not installed or the code isn't able to find it. The object RazorpayCheckout is null. Can you check in node_modules if the package is installed, and if so, you can check the import statement for the RazorpayCheckout object is present?

[gausu60]

yes Already I have installed "react-native-razorpay": "^2.3.0", but still error occurred.

[vivekshindhe]

@gausu60 Hey, are you using react-native-cli or expo? Unable to reproduce the issue. It would be very helpful if you can create a ticket at the Razorpay dashboard for a quick turnaround.

[gausu60]

i am using expo but still error

[vivekshindhe]

@gausu60 how did you install the react-native-razorpay package? Also, did you prebuild the project after switching to development build?

[gausu60]

i refer official document of razorpay i have try all different version not happening

[pranav750]

Any update here? Kinda stuck on the same issue.

[vivekshindhe]

Hey @pranav750 , the issue above was because the build wasn't switched to development. Can you please try with switching it to development build and running the app after prebuild?

[gausu60]

i have already used on development mode so still error occurred

[vivekshindhe]

@gausu60 Just tried too. Here are the commands I followed. npx expo prebuild npx expo start -> expo go build a -> running app on android {you'll see error mentioned above} s -> switch to development mode a -> run app on android.

It loaded the checkout page. Could you please try these in order and see if it works?

[gausu60]

not working still same error

[vivekshindhe]

@gausu60 Would request you to create a ticket from the Razorpay Dashboard. That way, our team would be able to get on a call with you to sort out the issue. You can reference this ticket when you create the ticket. Will keep this issue open.

[gausu60]

yes I have been ticket raised but not usefully for me . support team send documentation link only

[vivekshindhe]

@gausu60 can you please share your MID or the ticket number? We'll get in touch with you over a call for resolution.

[gausu60]

{"code":"BAD_REQUEST_ERROR","description":"Invalid request payload","step":"NA","reason":"NA","source":"NA"} this error occurred now please anyone give me solution

[Udai637643]

is the issue resolved now or not