Установите всплывающее окно PWA с помощью next-pwa

Question

Я видел много уроков по настройке всплывающих баннеров для работы с PWA. Я использую next-pwa, и мой вопрос в том, что я не понимаю, ГДЕ добавить код для всплывающего баннера. Извините, если это кажется тривиальным, но я новичок в этом. Также я думал, что next-pwa делает это по умолчанию? (Здесь может быть очень неправильно) Моя структура проекта следующая:

      pages
--_app.js
-- index.js

public
-- icon/icons
-- favicons.ico
-- manifest.json
-- sw.js
-- sw.js.map

мой файл манифеста ниже, и я также прошел все проверки в Lighthouse audit, и Installable для меня зеленый

      {
    "name": "PWA App",
    "short_name": "App",
    "icons": [
      {
        "src": "/icons/lion.png",
        "sizes": "192x192",
        "type": "image/png",
        "purpose": "any maskable"
      },
      {
        "src": "/icons/tiger.png",
        "sizes": "384x384",
        "type": "image/png"
      },
      {
        "src": "/icons/bear.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ],
    "theme_color": "#FFFFFF",
    "background_color": "#FFFFFF",
    "start_url": "/",
    "display": "standalone",
    "orientation": "portrait",
    "prefer_related_applications": false
  }