Fix middleware types with skipLibCheck: false

packages/next/server/web/spec-extension/response.ts

@@ -1,8 +1,8 @@
 import type { I18NConfig } from '../../config-shared'
-import type { CookieSerializeOptions } from 'next/dist/compiled/cookie'
 import { NextURL } from '../next-url'
 import { toNodeHeaders } from '../utils'
 import cookie from 'next/dist/compiled/cookie'
+import { CookieSerializeOptions } from '../types'
 
 const INTERNALS = Symbol('internal response')
 const REDIRECTS = new Set([301, 302, 303, 307, 308])

packages/next/server/web/types.ts

@@ -7,6 +7,17 @@ export interface NodeHeaders {
   [header: string]: string | string[] | undefined
 }
 
+export interface CookieSerializeOptions {
+  domain?: string
+  encode?(val: string): string
+  expires?: Date
+  httpOnly?: boolean
+  maxAge?: number
+  path?: string
+  sameSite?: boolean | 'lax' | 'strict' | 'none'
+  secure?: boolean
+}
+
 export interface RequestData {
   geo?: {
     city?: string

test/integration/middleware-typescript/pages/interface/_middleware.ts → test/production/middleware-typescript/app/pages/interface/_middleware.ts

@@ -5,7 +5,7 @@ export const middleware: NextMiddleware = function (request) {
   console.log(request.ua?.isBot)
   console.log(request.ua?.ua)
 
-  return new Response(null, {
+  return new Response('hello from middleware', {
     headers: {
       'req-url-basepath': request.nextUrl.basePath,
       'req-url-pathname': request.nextUrl.pathname,

test/integration/middleware-typescript/tsconfig.json → test/production/middleware-typescript/app/tsconfig.json

@@ -6,7 +6,7 @@
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
-    "skipLibCheck": true,
+    "skipLibCheck": false,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,

test/production/middleware-typescript/test/index.test.ts

@@ -0,0 +1,33 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { renderViaHTTP } from 'next-test-utils'
+
+const appDir = join(__dirname, '../app')
+
+describe('should set-up next', () => {
+  let next: NextInstance
+
+  beforeAll(async () => {
+    next = await createNext({
+      files: {
+        pages: new FileRef(join(appDir, 'pages')),
+        'tsconfig.json': new FileRef(join(appDir, 'tsconfig.json')),
+        'next.config.js': new FileRef(join(appDir, 'next.config.js')),
+      },
+      dependencies: {
+        typescript: 'latest',
+        '@types/react': 'latest',
+        '@types/react-dom': 'latest',
+      },
+    })
+  })
+  afterAll(() => next.destroy())
+
+  it('should have built and started', async () => {
+    const html = await renderViaHTTP(next.url, '/interface/static')
+    expect(html).toContain('hello from middleware')
+  })
+})