Type error when running tests in jest

[jameslouiz]

As above, most of my tests fail due to the following:

I've tried using @headless/react@insiders and @headless/react@latest but neither seem to work. What gives? Never had this issue with any other library before.

Here is my tsconfig:

{
  "compilerOptions": {
    "baseUrl": "./",
    "target": "esnext",
    "allowJs": true,
    "module": "esnext",
    "jsx": "react",
    "moduleResolution": "node",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": false,
    "importHelpers": false,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": false,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "noErrorTruncation": true,
    "sourceMap": true,
    "outDir": "./temp",
    "noEmit": true,
    "strict": true
  },
  "types": ["jest"],
  "include": ["cypress/**/*", "./"],
  "exclude": ["node_modules", "src", "dist", "temp", "cypress_cache", "cdk"]
}

Here is my jest config

module.exports = {
  watchPlugins: [
    'jest-watch-select-projects',
    'jest-watch-typeahead/filename',
    'jest-watch-typeahead/testname'
  ],
  collectCoverageFrom: [
    '<rootDir>/src/**/*.{js,jsx,ts,tsx}',
    '!**/*.d.ts',
    '!**/*.fixture.{ts,tsx}'
  ],
  coverageDirectory: 'reports/coverage/',
  coverageReporters: ['html'],
  testEnvironmentOptions: {
    url: 'http://localhost'
  },
  projects: [
    {
      displayName: 'Client',
      rootDir: __dirname,
      modulePathIgnorePatterns: ['.history', 'coverage/'],
      runner: 'jest-runner',
      setupFiles: [
        '<rootDir>/config/jest/env-config.js',
        '<rootDir>/config/jest/mocks.cjs',
        '<rootDir>/config/jest/timeout.cjs',
        'jest-localstorage-mock'
      ],
      setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
      testMatch: ['<rootDir>/src/**/*.{spec,test}.{ts,tsx}'],
      testEnvironment: 'jsdom',
      transform: {
        '^.*\\.(ts|tsx)$': [
          'ts-jest',
          {
            tsconfig: '<rootDir>/tsconfig.json',
            diagnostics: false
          }
        ],
        '^(?!.*\\.(js|jsx|css|json|scss)$)': '<rootDir>/config/jest/file-transform.cjs'
      },
      transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$'],
      moduleDirectories: ['node_modules', 'client'],
      moduleNameMapper: {
        '^.*\\.(css|scss)$': 'identity-obj-proxy',
        '^shared/(.*)$': '<rootDir>/src/shared/$1',
        '^pages/(.*)$': '<rootDir>/src/pages/$1',
        '^blueprintjs/(.*)$': '/node_modules/@blueprintjs/core/src/$1',
        '^config/(.*)$': '<rootDir>/config/&1'
      },
      moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node']
    }
  ],
};