diff --git a/examples/with-firebase-cloud-messaging/static/firebase-messaging-sw.js b/examples/with-firebase-cloud-messaging/static/firebase-messaging-sw.js
index ca4ccc6971154d9..717c3099ca700c8 100644
--- a/examples/with-firebase-cloud-messaging/static/firebase-messaging-sw.js
+++ b/examples/with-firebase-cloud-messaging/static/firebase-messaging-sw.js
@@ -1,9 +1,12 @@
 /* global importScripts, firebase */
-importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-app.js')
-importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js')
+importScripts('https://www.gstatic.com/firebasejs/7.9.1/firebase-app.js')
+importScripts('https://www.gstatic.com/firebasejs/7.9.1/firebase-messaging.js')
 
 firebase.initializeApp({
-  messagingSenderId: 'your sender id',
+  apiKey: 'YOUR-API-KEY',
+  projectId: 'YOUR-PROJECT-ID',
+  messagingSenderId: 'YOUR-SENDER-ID',
+  appId: 'YOUR-APP-ID',
 })
 
 firebase.messaging()
diff --git a/examples/with-firebase-cloud-messaging/utils/webPush.js b/examples/with-firebase-cloud-messaging/utils/webPush.js
index 910af3fe3d8a873..185a569b290f1a1 100644
--- a/examples/with-firebase-cloud-messaging/utils/webPush.js
+++ b/examples/with-firebase-cloud-messaging/utils/webPush.js
@@ -9,7 +9,10 @@ const firebaseCloudMessaging = {
 
   init: async function() {
     firebase.initializeApp({
-      messagingSenderId: 'your sender id',
+      apiKey: 'YOUR-API-KEY',
+      projectId: 'YOUR-PROJECT-ID',
+      messagingSenderId: 'YOUR-SENDER-ID',
+      appId: 'YOUR-APP-ID',
     })
 
     try {