update browser check

Web3Auth · May 15, 2024 · dcde737 · dcde737
1 parent 2f170c9
commit dcde737
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/example/react-app/src/App.tsx b/example/react-app/src/App.tsx
@@ -17,7 +17,7 @@ import { GoogleAuthProvider, getAuth, signInWithPopup, UserCredential } from "fi
 import Loading from "./Loading";
 import "./App.css";
 import { IProvider } from "@web3auth/base";
-import { shouldSupportPasskey } from "./utils";
+import { browserSupportsWebAuthn } from "./utils";
 
 const verifier = "web3auth-firebase-examples";
 
@@ -135,8 +135,8 @@ function App() {
     try {
       setIsLoggingIn(true);
       if (!plugin) throw new Error("Passkey plugin not initialized");
-      const result = shouldSupportPasskey();
-      if (!result.isBrowserSupported) {
+      const result = browserSupportsWebAuthn();
+      if (!result) {
         uiConsole("Browser not supported");
         return;
       }
@@ -269,8 +269,8 @@ function App() {
         uiConsole("plugin not initialized yet");
         return;
       }
-      const result = shouldSupportPasskey();
-      if (!result.isBrowserSupported) {
+      const result = browserSupportsWebAuthn();
+      if (!result) {
         uiConsole("Browser not supported");
         return;
       }

diff --git a/example/react-app/src/utils.ts b/example/react-app/src/utils.ts
@@ -57,4 +57,9 @@ export function shouldSupportPasskey(): { isBrowserSupported: boolean; isOsSuppo
   };
   const isBrowserSupported = browser.satisfies({ ...browserData }) || false;
   return { isBrowserSupported, isOsSupported: true, supportedBrowser: browserData[osName] };
+}
+
+export function browserSupportsWebAuthn() {
+  return (window?.PublicKeyCredential !== undefined &&
+      typeof window.PublicKeyCredential === 'function');
 }