next-auth are not exported correctly for ES modules

[joshuaavalon]

Environment

• next-auth: 4.10.3
• typescript: 4.8.2
• node: v16.14.2

Reproduction URL

https://github.com/joshuaavalon/next-auth-es-bug

Describe the issue

From the typescript definitions provided by next-auth, most of the functions are export via default.

However, it is not the case. It is export at default.default

I try to wrap next-auth in a local package and import it in next.js

How to reproduce

1. Clone https://github.com/joshuaavalon/next-auth-es-bug
2. Run npm i
3. Run npm run build
4. Run npm run start

Expected behavior

import { default as NextAuth } from "next-auth";

console.log(NextAuth);

It prints

{ default: [Getter], unstable_getServerSession: [Getter] }

It is expected to print

[Function: NextAuth]

[joshuaavalon]

This is related to microsoft/TypeScript#22851.

When you compile to esnext module, esModuleInterop does not work.

My workaround is creating a CommonJs package, and export the default as named.