Cannot read property 'Component' of undefined

[diegoddox]

I'm facing the same issue as #146
Error.
TypeError: Cannot read property 'Component' of undefined

package.json

...
"ts-jest": "^23.0.1",
"jest": "^23.4.2",
"babel-jest": "^23.4.2",
"babel-preset-react-native": "^4.0.0",
"typescript": "^2.9.2"
...
"jest": {
    "preset": "react-native",
    "setupFiles": [
      "./setupJest.js"
    ],
    "transformIgnorePatterns": [
      "node_modules/(?!(jest-)?react-native|react-navigation)"
    ],
    "testPathIgnorePatterns": [
      "build",
      "tests",
      "node_modules/"
    ],
    "cacheDirectory": ".jest/cache",
    "transform": {
      "^.+\\.js$": "babel-jest",
      ".+\\.(css|png)$": "jest-transform-stub",
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
    "moduleDirectories": [
      "node_modules",
      "src"
    ],
    "moduleFileExtensions": [
      "ts",
      "js",
      "jsx",
      "tsx",
      "json",
      "node"
    ],
    "globals": {
      "ts-jest": {
        "useBabelrc": true
      },
      "__TS_CONFIG__": {
        "module": "esnext"
      }
    }
  }

tsconfig.json

...
"module": "esnext",
"allowSyntheticDefaultImports": true,
...

Any idea on how can I fix this?

[huafu]

@diegoddox thanks for reporting the issue.

Can you try this:

// package.json - jest:
    "globals": {
      "ts-jest": {
        "tsConfigFile": "tsconfig.test.json"
      }
    }

and in tsconfig.test.json:

{
  "extends": "tsconfig.json",
  "compilerOptions": {
    "esModuleInterop": true
  }
}

If that doesn't work, please provide a minimal repo to reproduce the issue.

FYI, the __TS_CONFIG__ does nothing, it has been removed quite some time ago.

[diegoddox]

Thanks @huafu

[tonoslav]

instead of "tsConfigFile" use "tsConfig" (not error)

[chuntley]

In tsconfig.test.json, make sure you include a path for extends:

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "esModuleInterop": true
  }
}

[the-homeless-god]

be sure that now you need define it under transform section like the following

jest.config.js

module.exports = {
  ...,
   transform: {
        '^.+\\.(ts|tsx)?$': [
            'ts-jest',
            {
                isolatedModules: true,
                tsconfig: 'tsconfig.test.json',
            },
        ],
    },
  ...
}

Because

ts-jest[ts-jest-transformer] (WARN) Define `ts-jest` config under `globals` is deprecated. 

Please do
transform: {
    <transform_regex>: ['ts-jest', { /* ts-jest config goes here in Jest */ }],
},

ts-jest[backports]
(WARN) "[jest-config].globals.ts-jest.tsConfigFile" is deprecated, use "[jest-config].globals.ts-jest.tsconfig" instead.

ts-jest[backports]
(WARN) Your Jest configuration is outdated. Use the CLI to help migrating it: ts-jest config:migrate <config-file>.