What is TypeScript esModuleInterop and why you should set it

In this lesson we look at the #TypeScript #ESModuleInterop compiler option.
We discuss the reason why it exists and why you should set it.

In the end we also cover the standard way of import Native and #NPM #NodeJS modules in #JavaScript / #TypeScript 🌹

👇 SUBSCRIBE TO MY YOUTUBE CHANNEL 👇

**Feel Free To Read This Lot**

I'm Basarat, That TypeScript Guy and I love helping developers. More about me:

Microsoft MVP for TypeScript
Lead Frontend Practice at Australia Post
150K contributions on Stackoverflow. Top Contributor for TypeScript.
Book Author : Beginning NodeJS
Book Author : TypeScript Deep Dive
Creator of multiple hot ✨ed Github Open Source projects

[ononaoyaa]

Thank you! Would love to see a video about how the `infer` keyword works

[abdelelmedny]

Excellent explanation, thanks and keep it up!

[franklemanschik_de]

Uff ok you showed the effect but you did not even cover allowSyntactic imports and you also showed that interOp turns that on by default but thats the wrong topic here. esModuleInterop is a typescript helper that gives you the default property of CJS modules and allowSyntheticDefaultImports is what makes the conversation from * to Namespace