reactjs - Como fazer o Nextjs mostrar erros de tipos do TypeScript ao guardar


Estou a trabalhar num projeto Nextjs com Typescript e noto que os erros de tipo não param a execução da aplicação como outro tipo de erro, isso é um problema para mim, mas é um problema maior uma vez que o TypeError ocorre em tempo de compilação, descobrindo que existem erros de tipo principalmente quando é necessário fazer um deploy.

Existe uma forma de fazer com que os erros de TypeScript bloqueiem a execução da aplicação durante o desenvolvimento? Que configuração devo usar para conseguir isso?

Esse é o meu tsconfig.json

{
  "compilerOptions": {
    "target": "es2020",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "baseUrl": ".",
    "downlevelIteration": true,
    "paths": {
      "~components/*":["src/components/*"],
      "~styles/*":["src/styles/*"],
      "~store/*":["src/store/*"],
      "~snippets/*":["src/snippets/*"],
      "~utils/*":["src/utils/*"],
      "~interfaces/*":["src/interfaces/*"],
      "~services/*":["src/services/*"],
      "~transformer/*":["src/transformer/*"],
    }
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}