Top-level 'await' does not work

[KeisukeNagakawa]

Hi, first of all, thank you for your great repository.

I have a question on running this code. When I run this code below, following error occurs and I can not fix it.

import { expect } from "@jest/globals"
// ESM
import { testApiHandler } from "next-test-api-route-handler"

// Import the handler under test from the pages/api directory
import type { PageConfig } from "next"
import endpoint from "pages/api/interests/list"

// import endpoint from "../pages/api/interests/list"

// Respect the Next.js config object if it's exported
const handler: typeof endpoint & { config?: PageConfig } = endpoint
testApiHandler({
  handler,
  requestPatcher: (req) => (req.headers = { key: process.env.SPECIAL_TOKEN }),
  test: async ({ fetch }) => {
    const res = await fetch({ method: "POST", body: "data" })
    await expect(res.json()).resolves.toStrictEqual({ hello: "world" }) // ◄ Passes!
  },
})

error:

Top-level 'await' expressions are only allowed when the 'module' option is set to 'es2022', 'esnext', 'system', 'node16', or 'nodenext', and the 'target' option is set to 'es2017' or higher.

I have tried few days with this problem and I could not fix it. Could someone help me solve this?

My tsconfig.json and jest.config and package.json are as follows:

tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "baseUrl": "./",
    "types": ["node", "jest"]
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules", "functions"]
}

jest.config

/**
 * Jest Configuration
 */
module.exports = {
  setupFiles: ["./env.local"],
  testEnvironment: "node",

  preset: "ts-jest",
  moduleNameMapper: {
    "^pages/(.*)$": "<rootDir>/pages/$1",
    "^lib/(.*)$": "<rootDir>/lib/$1",
    "^interfaces/(.*)$": "<rootDir>/interfaces/$1",
    "^constants/(.*)$": "<rootDir>/constants/$1",
    "^repositories/(.*)$": "<rootDir>/repositories/$1",
  },
  transform: {
    "^.+\\.tsx?$": [
      "ts-jest",
      {
        useESM: true,
      },
    ],
  },
}

package.json

{
  "name": "xxx",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "dev-with-emulator": "NODE_OPTIONS='--inspect' FIRESTORE_EMULATOR_HOST=localhost:8080 FIREBASE_AUTH_EMULATOR_HOST=localhost:9099 NEXT_PUBLIC_FIREBASE_AUTH_EMULATOR_HOST=localhost:9099 NEXT_PUBLIC_SCRIPT_NAME=DEV_EMULATOR  next dev",
    "dev": "NODE_OPTIONS='--inspect' NEXT_PUBLIC_SCRIPT_NAME=DEV next dev",
    "emulator": "firebase --project='development-twenty' emulators:start",
    "test": "DOTENV_CONFIG_PATH=./.env.local jest --setupFiles dotenv/config"
  },
  "dependencies": {
    "@chakra-ui/icons": "^2.0.11",
    "@chakra-ui/react": "^2.3.5",
    "@emotion/react": "^11.10.4",
    "@emotion/styled": "^11.10.4",
    "@hookform/error-message": "^2.0.0",
    "dotenv": "^16.0.3",
    "firebase": "^9.11.0",
    "firebase-admin": "^11.1.0",
    "framer-motion": "^7.5.3",
    "joi": "^17.6.2",
    "next": "^12.3.1",
    "next-absolute-url": "^1.2.2",
    "next-firebase-auth": "^1.0.0-canary.17",
    "next-joi": "^2.2.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.37.0",
    "react-icons": "^4.4.0",
    "swr": "^1.3.0"
  },
  "devDependencies": {
    "@babel/core": "^7.19.3",
    "@babel/preset-env": "^7.19.4",
    "@babel/preset-typescript": "^7.18.6",
    "@types/jest": "^29.1.2",
    "@types/node": "18.8.3",
    "@types/react": "18.0.21",
    "@types/react-dom": "18.0.6",
    "babel-jest": "^29.1.2",
    "eslint": "8.25.0",
    "eslint-config-next": "12.3.1",
    "jest": "^29.1.2",
    "jsdom": "^20.0.1",
    "next-test-api-route-handler": "^3.1.7",
    "node-mocks-http": "^1.11.0",
    "ts-jest": "^29.0.3",
    "ts-node": "^10.9.1",
    "typescript": "4.8.4"
  }
}

[KeisukeNagakawa]

Sorry guys, I fixed it by myself by surrounding it function.

import { testApiHandler } from "next-test-api-route-handler"

import endpoint from "pages/api/interests/list"

const handler: typeof endpoint = endpoint

it("test sample", async () => {
  await testApiHandler({
    handler,
    test: async ({ fetch }) => {
      expect((await fetch()).status).toBe(200)
    },
  })
})