next-pwa-pack/dist/components/RegisterSW.js

PWA cache provider for Next.js/React apps (service worker, manifest, offline page, SPA cache, offline)

"use client";
import { useEffect } from "react";
export default function RegisterSW({ swPath = "/sw.js" }) {
    useEffect(() => {
        if ("serviceWorker" in navigator) {
            navigator.serviceWorker
                .register(swPath)
                .then((reg) => {
                console.log("[PWA] Service Worker registered", reg);
            })
                .catch((err) => {
                console.error("[PWA] SW registration failed", err);
            });
        }
    }, [swPath]);
    return null;
}