package updates

jest.tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "allowJs": true,
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "noImplicitAny": true,
-    "sourceMap": true,
-    "target": "es5"
-  }
-}

jest/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['next/babel', '@babel/preset-typescript']
+}

jest/jest.config.js

@@ -1,10 +1,7 @@
 module.exports = {
-  preset: 'ts-jest/presets/js-with-ts',
+  rootDir: '../',
-  setupFilesAfterEnv: ['<rootDir>/jest/setup.ts'],
+  transform: {
-  globals: {
+    '^.+\\.[jt]sx?$': ['babel-jest', { configFile: './jest/babel.config.js' }]
-    'ts-jest': {
-      tsconfig: 'jest.tsconfig.json'
-    }
   },
   moduleNameMapper: {
     '.+\\.(css|styl|less|sass|scss)$': '<rootDir>/jest/__mocks__/styleMock.js',
@@ -18,6 +15,7 @@ module.exports = {
     '<rootDir>/build',
     '<rootDir>/coverage'
   ],
+  setupFilesAfterEnv: ['<rootDir>/jest/setup.ts'],
   collectCoverageFrom: ['src/**/*.{ts,tsx}', '!src/@types/**/*'],
   collectCoverage: true,
   testEnvironment: 'jsdom'

package.json

@@ -6,8 +6,8 @@
     "start": "next dev",
     "build": "next build",
     "serve": "next start",
-    "test": "npm run lint && npm run type-check && NODE_ENV=test jest",
+    "test": "npm run lint && npm run type-check && NODE_ENV=test jest -c jest/jest.config.js",
-    "test:watch": "npm run lint && npm run type-check && NODE_ENV=test jest --watch",
+    "test:watch": "npm run lint && npm run type-check && NODE_ENV=test jest -c jest/jest.config.js --watch",
     "lint": "eslint --ignore-path .gitignore --ext .js --ext .tsx --ext .ts .",
     "type-check": "tsc --noEmit",
     "format": "prettier --ignore-path .gitignore '**/*.{css,yml,js,jsx,ts,tsx,json}' --write",
@@ -27,6 +27,7 @@
     "use-dark-mode": "^2.3.1"
   },
   "devDependencies": {
+    "@babel/preset-typescript": "^7.15.0",
     "@next/bundle-analyzer": "^11.1.2",
     "@next/eslint-plugin-next": "^11.1.2",
     "@testing-library/jest-dom": "^5.14.1",
@@ -34,10 +35,10 @@
     "@types/jest": "^27.0.1",
     "@types/node": "^16.9.1",
     "@types/react": "^17.0.2",
-    "@typescript-eslint/eslint-plugin": "^4.15.2",
+    "@typescript-eslint/eslint-plugin": "^4.31.0",
-    "@typescript-eslint/parser": "^4.15.2",
+    "@typescript-eslint/parser": "^4.31.0",
     "cssnano": "^5.0.8",
-    "eslint": "^7.21.0",
+    "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^4.0.0",
@@ -46,7 +47,6 @@
     "jest": "^27.1.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.4.0",
-    "ts-jest": "^27.0.5",
     "typescript": "^4.4.3"
   },
   "engines": {