fix(messaging): messaging/unsupported-browser error loading the plu…

…gin (#106)
capawesome-team · Jun 11, 2022 · c1a30cb · c1a30cb
1 parent dd66abb
commit c1a30cb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/breezy-balloons-kneel.md b/.changeset/breezy-balloons-kneel.md
@@ -0,0 +1,5 @@
+---
+"@capacitor-firebase/messaging": patch
+---
+
+fix: `messaging/unsupported-browser` error
diff --git a/packages/messaging/src/web.ts b/packages/messaging/src/web.ts
@@ -5,6 +5,7 @@ import {
   deleteToken,
   getMessaging,
   getToken,
+  isSupported,
   onMessage,
 } from 'firebase/messaging';
 
@@ -30,8 +31,13 @@ export class FirebaseMessagingWeb
 
   constructor() {
     super();
-    const messaging = getMessaging();
-    onMessage(messaging, payload => this.handleNotificationReceived(payload));
+    isSupported().then(supported => {
+      if (!supported) {
+        return;
+      }
+      const messaging = getMessaging();
+      onMessage(messaging, payload => this.handleNotificationReceived(payload));
+    });
   }
 
   public async checkPermissions(): Promise<PermissionStatus> {