No Default Export in Typescript

import Croppr from 'croppr';

[ts] Module '"/node_modules/croppr/index"' has no default export.

[jamesssooi]

I understand that this problem appears when you try to compile a TypeScript file, correct me if I'm wrong. There are differences to how modules are handled between TypeScript when compared to other bundlers like Babel or Webpack. Seems like you have a few solutions:

Option 1:
Modify your import statement to import * as Croppr from 'croppr'

Option 2:
Add the following configuration in your tsconfig.json file:

{
  "compilerOptions": {
    "esModuleInterop": true
  }
}

I will look into how we can prevent this from happening in the first place. Would appreciate if someone could provide some pointers into this!

Further reading:
microsoft/TypeScript-React-Starter#8
microsoft/TypeScript#2242 (comment)