Summary

Trying to convert my BlitzJS into a PWA. I have a middleware added in my config file which is getting lost (only in production, deployed on Vercel) when wrapping with withPWA(), but is working perfectly on localhost.

The blitz.config.ts:

import { customIsAuthorized } from "app/core/auth-adapter"
import { BlitzConfig, sessionMiddleware } from "blitz"

const withPWA = require("next-pwa")

const config: BlitzConfig = {
  middleware: [
    sessionMiddleware({
      cookiePrefix: "project-name",
      isAuthorized: customIsAuthorized,
    }),
  ],
}

module.exports = withPWA({
  pwa: {
    dest: "public",
  },
  ...config,
})

Please help me with

with how to preserve the middleware on production or
with a way that doesn't require wrapping my config with withPWA()

Versions

next-pwa: 5.4.4
next: 11.1.01
blitzjs: 0.44.4

How To Reproduce

Start a new BlitzJS project
Update the blitz.config.ts with the above code

Steps to reproduce the behavior:

Deploy the project on Vercel

Link to minimal reproduces setup repository if any. NA

Expected Behaviors

As mentioned above

shadowwalker / next-pwa

BlitzJS: Not working in Production, deployed on Vercel #317

Summary

Versions

How To Reproduce

Expected Behaviors

Screenshots

Additional Context