getProviders not working with getInitialProps and getStaticProps for me

[JakubKoralewski]

Here's the branch I'm trying to deploy. This is the page that's using the getStaticProps. I have verified it works with getServerSideProps.

Error with getStaticProps:

Step 7/11 : RUN npm run build
 ---> Running in c42d85df1bb6
> with-typescript-eslint-jest@1.0.0 build
> next build
info  - Creating an optimized production build...
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry
> [PWA] Compile client (static)
> [PWA] Auto register service worker with: /app/node_modules/next-pwa/register.js
> [PWA] Service worker: /app/public/sw.js
> [PWA]   url: /sw.js
> [PWA]   scope: /
> [PWA] Compile server
info  - Using external babel configuration from /app/.babelrc
info  - Compiled successfully
info  - Collecting page data...
info  - Generating static pages (0/5)
info  - Generating static pages (1/5)
info  - Generating static pages (2/5)
info  - Generating static pages (3/5)
[next-auth][warn][nextauth_url] NEXTAUTH_URL environment variable not set 
https://next-auth.js.org/warning#nextauth_url
[next-auth][error][client_fetch_error] [
  'http://localhost:3000/api/auth/providers',
  FetchError: request to http://localhost:3000/api/auth/providers failed, reason: connect ECONNREFUSED 127.0.0.1:3000
      at ClientRequest.<anonymous> (/app/node_modules/node-fetch/lib/index.js:1461:11)
      at ClientRequest.emit (node:events:376:20)
      at Socket.socketErrorListener (node:_http_client:474:9)
      at Socket.emit (node:events:376:20)
      at emitErrorNT (node:internal/streams/destroy:188:8)
      at emitErrorCloseNT (node:internal/streams/destroy:153:3)
      at processTicksAndRejections (node:internal/process/task_queues:80:21) {
    type: 'system',
    errno: 'ECONNREFUSED',
    code: 'ECONNREFUSED'
  }
] 

https://next-auth.js.org/errors#client_fetch_error
Error occurred prerendering page "/". Read more: https://err.sh/next.js/prerender-error

TypeError: Cannot convert undefined or null to object
    at Function.values (<anonymous>)
    at SignIn (/app/.next/server/pages/index.js:835:13)
    at d (/app/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
    at $a (/app/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
    at a.b.render (/app/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
    at a.b.read (/app/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
    at renderToString (/app/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
    at renderPage (/app/node_modules/next/dist/next-server/server/render.js:53:851)
    at Object.ctx.renderPage (/app/.next/server/pages/_document.js:997:26)
    at Function.getInitialProps (/app/.next/server/pages/_document.js:296:19)
info  - Generating static pages (5/5)
> Build error occurred
Error: Export encountered errors on following paths:
	/
    at exportApp (/app/node_modules/next/dist/export/index.js:30:1103)
    at processTicksAndRejections (node:internal/process/task_queues:93:5)
    at async /app/node_modules/next/dist/build/index.js:39:69
    at async /app/node_modules/next/dist/build/tracer.js:1:525
npm ERR! code 1
npm ERR! path /app
npm ERR! command failed
npm ERR! command sh -c next build
npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-01-02T17_06_13_869Z-debug.log
The command '/bin/sh -c npm run build' returned a non-zero code: 1

Error with getInitialProps:

$ NODE_ENV=production npm run build

> with-typescript-eslint-jest@1.0.0 build D:\projects\2020-2021uam\se\lets-watch-it-together
> next build

Loaded env from D:\projects\2020-2021uam\se\lets-watch-it-together\.env
> [PWA] Compile server
> [PWA] Compile client (static)
> [PWA] Auto register service worker with: D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\next-pwa\register.js
> [PWA] Service worker: D:\projects\2020-2021uam\se\lets-watch-it-together\public\sw.js
> [PWA]   url: /sw.js
> [PWA]   scope: /
info  - Using external babel configuration from D:\projects\2020-2021uam\se\lets-watch-it-together\.babelrc
info  - Creating an optimized production build
info  - Compiled successfully
info  - Collecting page data
[   =] info  - Generating static pages (3/5)
Error occurred prerendering page "/". Read more: https://err.sh/next.js/prerender-error
TypeError: Cannot convert undefined or null to object
    at Function.values (<anonymous>)
    at SignIn (D:\projects\2020-2021uam\se\lets-watch-it-together\.next\server\pages\index.js:835:13)
    at d (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:36:498)
    at $a (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:39:16)
    at a.b.render (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:44:476)
    at a.b.read (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:44:18)
    at renderToString (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:54:364)
    at renderPage (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\next\dist\next-server\server\render.js:53:851)
    at Object.ctx.renderPage (D:\projects\2020-2021uam\se\lets-watch-it-together\.next\server\pages\_document.js:997:26)
    at Function.getInitialProps (D:\projects\2020-2021uam\se\lets-watch-it-together\.next\server\pages\_document.js:296:19)
info  - Generating static pages (5/5)

> Build error occurred
Error: Export encountered errors on following paths:
        /
    at exportApp (D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\next\dist\export\index.js:30:1103)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\next\dist\build\index.js:39:69
    at async D:\projects\2020-2021uam\se\lets-watch-it-together\node_modules\next\dist\build\tracer.js:1:525
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! with-typescript-eslint-jest@1.0.0 build: `next build`
npm ERR! Exit status 1

I tried setting the NEXTAUTH_URL env var from the heroku review app, but it didn't help. JakubKoralewski/lets-watch-it-together@4d9a136

It got fixed when using getServerSideProps. It's weird because it works with npm run dev, and it works with npm run build when NODE_ENV is not set to production. This is the weird part.

I'm familiar with https://nextjs.org/docs/basic-features/data-fetching#write-server-side-code-directly
"You should not fetch an API route from getStaticProps...", so if this is because of that then I can create a feature request instead.

I also conditionally enable next-pwa on NODE_ENV=production so I tried disabling next-pwa and reverted back to using getStaticProps with NODE_ENV=production npm run build and it's the same error as the previous getStaticProps one.