Yes, the PWA works.

src/app.jsx

@@ -6,10 +6,10 @@ import { ReloadPrompt } from './components/reloadprompt';
 export function App() {
   return (
     <>
+      <ReloadPrompt />
       <Header />
       <Calculator />
       <Footer />
-      <ReloadPrompt />
     </>
   );
 }

src/components/calculator.jsx

@@ -28,7 +28,7 @@ export function Calculator() {
   useEffect(() => {
     setSelectedItem(items[0]);
     setTableType(TableType.MODERN);
-  }, [items, tables]);
+  }, [items]);
 
   const showResultsPanel = () => setResultsVisible(!resultsVisible);
 

src/components/reloadprompt.json

@@ -0,0 +1,8 @@
+{
+  "text": {
+    "offlineReady": "Aplikacja gotowa do pracy offline",
+    "contentRefresh": "Dostępna jest nowa wersja aplikacji, kliknij guzik \"Przeładuj\" aby ją odświeżyć",
+    "reloadButton": "Przeładuj",
+    "closeButton": "Zamknij"
+  }
+}

src/components/reloadprompt.jsx

@@ -0,0 +1,47 @@
+import { useRegisterSW } from 'virtual:pwa-register/react';
+
+import { text } from './reloadprompt.json';
+
+export function ReloadPrompt() {
+  const {
+    offlineReady: [offlineReady, setOfflineReady],
+    needRefresh: [needRefresh, setNeedRefresh],
+    updateServiceWorker,
+  } = useRegisterSW({
+    onRegistered(r) {
+      console.log(`SW Registered: ${r}`);
+    },
+    onRegisterError(error) {
+      console.log('SW registration error', error);
+    },
+  });
+
+  const close = () => {
+    setOfflineReady(false);
+    setNeedRefresh(false);
+  };
+
+  return (
+    <>
+      {(offlineReady || needRefresh) && (
+        <section>
+          {offlineReady ? <p>{text.offlineReady}</p> : <p>{text.contentRefresh}</p>}
+          <div class="grid">
+            {needRefresh && (
+              <div>
+                <button class="autowidth" onClick={() => updateServiceWorker(true)}>
+                  {text.reloadButton}
+                </button>
+              </div>
+            )}
+            <div>
+              <button class="autowidth" onClick={() => close()}>
+                {text.closeButton}
+              </button>
+            </div>
+          </div>
+        </section>
+      )}
+    </>
+  );
+}

src/style.scss

@@ -12,3 +12,7 @@ footer > div.grid > div {
   color: darkgoldenrod;
   font-weight: bold;
 }
+
+.autowidth {
+  width: auto;
+}