upgrade to next.js 12 (calcom#1111)

Author: KATT

.github/workflows/e2e.yml

@@ -7,7 +7,6 @@ jobs:
 
     env:
       DATABASE_URL: postgresql://postgres:@localhost:5432/calendso
-      NODE_ENV: test
       BASE_URL: http://localhost:3000
       JWT_SECRET: secret
       # GOOGLE_API_CREDENTIALS: ${{ secrets.CI_GOOGLE_API_CREDENTIALS }}

jest.playwright.config.js

@@ -18,6 +18,7 @@ module.exports = {
     "jest-playwright": {
       browsers: ["chromium" /*, 'firefox', 'webkit'*/],
       exitOnPageError: false,
+      launchType: "LAUNCH",
       launchOptions: {
         headless: opts.headless,
         executablePath: opts.executablePath,

lib/app-providers.tsx

@@ -23,7 +23,9 @@ type AppPropsWithChildren = AppProps & {
 };
 
 const CustomI18nextProvider = (props: AppPropsWithChildren) => {
-  const { i18n, locale } = trpc.useQuery(["viewer.i18n"]).data ?? {};
+  const { i18n, locale } = trpc.useQuery(["viewer.i18n"]).data ?? {
+    locale: "en",
+  };
 
   const passedProps = {
     ...props,

next.config.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-const withTM = require("next-transpile-modules")(["react-timezone-select"]);
+const withTM = require("@vercel/edge-functions-ui/transpile")(["react-timezone-select"]);
 const { i18n } = require("./next-i18next.config");
 
 // So we can test deploy previews preview

package.json

@@ -67,7 +67,7 @@
     "jimp": "^0.16.1",
     "lodash": "^4.17.21",
     "micro": "^9.3.4",
-    "next": "^11.1.2",
+    "next": "^12.0.2",
     "next-auth": "^3.29.0",
     "next-i18next": "^8.9.0",
     "next-seo": "^4.26.0",

playwright/login.test.ts

@@ -16,6 +16,8 @@ test("login with pro@example.com", async () => {
   await page.press('input[name="password"]', "Enter");
 
   await page.waitForSelector("[data-testid=event-types]");
+
+  await context.close();
 });
 
 export {};