next-pwa Build error with turbo

[sideDesert]

Hi there, I was trying to deploy a PWA with turbo as my monorepo. The PWA works in development but when I try to build it I get this build error

(I have not used any context in the pwa)
Cannot read properties of null (reading useContext)

Error occurred prerendering page "/500". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot read properties of null (reading 'useContext')
    at exports.useContext (/home/siddarth/Desktop/Vivly-monorepo/vivly/apps/--experimental-pwa/node_modules/react/cjs/react.production.min.js:24:118)
    at Head (/home/siddarth/Desktop/Vivly-monorepo/vivly/apps/--experimental-pwa/.next/server/pages/_error.js:282:44)
    at Wc (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
    at Zc (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:253)
    at Z (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
    at $c (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at bd (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
    at Z (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
    at $c (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
    at Zc (/home/siddarth/Desktop/Vivly-monorepo/vivly/node_modules/next/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
- info Generating static pages (3/3)

> Export encountered errors on following paths:
        /_error: /404
        /_error: /500
error Command failed with exit code 1.

I tried building the PWA outside the turbo monorepo, and it does work there, I don't really know what I am doing wrong here

My next.config.js

const path = require("path");
const withPWAInit = require("next-pwa");

/** @type {import('next-pwa').PWAConfig} */
const withPWA = withPWAInit({
  dest: "public",
  // Solution: https://github.com/shadowwalker/next-pwa/issues/424#issuecomment-1399683017
  buildExcludes: ["app-build-manifest.json"],
});

const generateAppDirEntry = (entry) => {
  const packagePath = require.resolve('next-pwa');
  const packageDirectory = path.dirname(packagePath);
  const registerJs = path.join(packageDirectory, "register.js");

  return entry().then((entries) => {
    // Register SW on App directory, solution: https://github.com/shadowwalker/next-pwa/pull/427
    if (entries["main-app"] && !entries["main-app"].includes(registerJs)) {
      if (Array.isArray(entries["main-app"])) {
        entries["main-app"].unshift(registerJs);
      } else if (typeof entries["main-app"] === "string") {
        entries["main-app"] = [registerJs, entries["main-app"]];
      }
    }
    return entries;
  });
};

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  webpack: (config) => {
    const entry = generateAppDirEntry(config.entry);
    config.entry = () => entry;

    return config;
  },
};

module.exports = withPWA(nextConfig);

turbo.json

{
  "globalEnv": ["NEST_HOST", "HOST_URL", "NODE_ENV"],
  "$schema": "https://turbo.build/schema.json",
  "globalDependencies": ["**/.env.*local"],
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": [".next/**", "!.next/cache/**", "public/*.js"]
    },
    "lint": {},
    "dev": {
      "cache": false,
      "persistent": true
    }
  }
}