With pwa

src/client/next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

src/client/next.config.js

@@ -1,8 +1,14 @@
-const withPWA = require("next-pwa");
 const runtimeCaching = require("next-pwa/cache");
 
 const { PHASE_DEVELOPMENT_SERVER } = require("next/constants");
 
+const withPWA = require("next-pwa")({
+  dest: "public",
+  register: true,
+  skipWaiting: true,
+  runtimeCaching,
+})
+
 module.exports = (phase, { defaultConfig }) => {
   if (phase === PHASE_DEVELOPMENT_SERVER) {
     return {
@@ -12,11 +18,6 @@ module.exports = (phase, { defaultConfig }) => {
 
   return withPWA({
     reactStrictMode: true,
-    pwa: {
+    output: 'standalone',
-      dest: "public",
-      register: true,
-      skipWaiting: true,
-      runtimeCaching,
-    },
   });
 };

src/client/package.json

@@ -12,8 +12,8 @@
     "@reduxjs/toolkit": "^1.6.2",
     "@tippyjs/react": "^4.2.6",
     "axios": "^0.24.0",
-    "next": "12.0.3",
+    "next": "^12.2.5",
-    "next-pwa": "^5.4.0",
+    "next-pwa": "^5.6.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-redux": "^7.2.6",