I am trying to use WebAuthn which is integrated in my React App & use it as an iFrame in another website.
I am getting below Error :
The following credential operations can only occur in a document which is same-origin with all of its ancestors: storage/retrieval of 'PasswordCredential' and 'FederatedCredential', storage of 'PublicKeyCredential'...
The website is in another domain & my react App iFrame domain is something else, so it gives this cross origin issue.
I have even tried below, but still the error occurs,
<iframe src="..." allow="publickey-credentials-get *" />
Anyone has another solution which will enable me to use WebAuthn in cross origin ?