Capacitor 5 fail to open checkout popup on iOS

[aryabawanta]

Application built using Capacitor and Vue failed to open the razorpay checkout popup using Capacitor.open function.

Environments:

• Vue version 2.7.14
• iOS 17.4.1
• Razorpay Capacitor version 5, installed using this script from Capacitor 5 support Not available #73 (comment):

npm install https://github.com/razorpay/razorpay-capacitor.git#f/capacitor-v5

• Capacitor & Plugins

"@capacitor-community/file-opener": "^1.0.5",
"@capacitor/app": "^5.0.6",
"@capacitor/core": "^5.5.1",
"@capacitor/filesystem": "^5.1.4",
"@capacitor/geolocation": "^5.0.6",
"@capacitor/push-notifications": "^5.1.0",

Error

[Error] Unhandled Promise Rejection: DataCloneError: The object can not be cloned.
	postMessage
	postToNative (user-script:2:812)
	(anonymous function) (user-script:2:869)
	(anonymous function) (user-script:2:958)
	Promise
	(anonymous function) (user-script:2:957)
	(anonymous function) (app-d0ae3f07.c4916bfa.js:3:2565)

Note

• Android application works fine with the Razorpay checkout popup

Please check and suggest a solution.