updatefound in onRegisteredSW is triggered inside google crawler

[husayt]

I have a the code below to check if there are updates available or refresh needed. if update is found a pop up is displayed to inform the user. One thing I noticed is that popup also displayed to googlebots, even Pagespeed insights shows that popup.
This is affecting performance score of the website. What is the best way to handle bots and crawlers?

Perhaps there is a way to disable serivce worker for crawler or at least not display the popup for bots?

const updateFound = ref(false)
const { offlineReady, needRefresh, updateServiceWorker } = useRegisterSW({
  immediate: true,
  onRegisteredSW(swUrl, r?: ServiceWorkerRegistration) {
    console.log(`Service Worker at: ${swUrl}`)
    r && r.addEventListener("updatefound", () => {
      updateFound.value = true
      console.log("Service Worker update found!", swUrl, r)
    })
    if (reloadSW === "true") {
      // need to check for update
      r && setInterval(async () => {
        if (r.installing || !navigator) {
          return
        }

        if (("connection" in navigator) && !navigator.onLine) {
          return
        }

        const resp = await fetch(swUrl, {
          cache: "no-store",
          headers: {
            "cache": "no-store",
            "cache-control": "no-cache",
          },
        })

        if (resp?.status === 200) {
          await r.update()
        }
      }, intervalMS)
    }
    else {
      console.log(`SW Registered: `, r)
    }
  },
  onRegisterError(error) {
    console.log(`SW error:`, error)
  },
})