Ts-jest: v23: Deprecated 'allowSyntheticDefaultImports' for synthetic modules

[FMRb]

• Issue
  The README file describes the use of allowSyntheticDefaultImports and the new tsconfig flag esModuleInterop. That description is unclear since allowSyntheticDefaultImports is no longer supported in version 23.
  https://github.com/kulshekhar/ts-jest/compare/v22.4.2...v23.0.0#diff-93e7c9f8fee0a72a9628c42ee26bc789L74 (src/postprocess.ts L74)

// These lines have been removed
if (tsCompilerOptions.allowSyntheticDefaultImports) {
    plugins.push('transform-es2015-modules-commonjs');
}

• Expected behavior
  The documentation should describe that allowSyntheticDefaultImports is not longer supported and that the new flag (esModuleInterop) should be used instead.

[kelly-tock]

I'm using esModuleInterop: true, and import * as React from 'react'; is the only thing that works. what is the right way to allow import React from 'react' when using this module?

[chrstntdd]

Dealing with the same issue as @kelly-tock right now. I switched my tsconfig.json file up a bit and replaced allowSyntheticDefaultImports: true with esModuleInterop: true. Per the intellisense, this option will, "Emit '__importStar' and '__importDefault' helpers for runtime babel ecosystem compatibility and enable '--allowSyntheticDefaultImports' for typesystem compatibility. Requires TypeScript version 2.7 or later."

All is well and I can get rid of the * now 😄

[huafu]

Yup, moving to using esModuleInterop: true is the way to go, but yeah, doc should be fixed related to this

[caseyWebb]

x-ref: #601

[huafu]

fixed in 23.10.0