Default export type not being picked up with module: "nodenext"

[wight554]

Bug report

Description / Observed Behavior

When trying to use imported useSWR hook I'm getting the following error:

import useSWR
This expression is not callable.
  Type 'typeof import("/Users/Volodymyr_Zhdanov/playground/blog-template/node_modules/swr/dist/index")' has no call signatures.

Expected Behavior

Import should pick-up typings

Repro Steps / Code Example

1. Add these settings to tsconfig:

    "module": "NodeNext",
    "moduleResolution": "NodeNext",

2. Add "type": "module" to package.json
3. Import and use useSWR hook
4. See the error

Additional Context

SWR version: ^1.3.0
Typescript version: ^4.8.4

3 possible fixes:

1. Add named export for useSWR
2. Use CJS styled export in typings: export default useSWR; => export = useSWR;
3. Use declaration merging to make default export namespace and function simultaneously, example here: make type definitons "module": "nodenext" compatible fastify/fastify-cookie#184

[promer94]

Ref: microsoft/TypeScript#50466

[wight554]

Ref: microsoft/TypeScript#50466

This can be referenced as well: microsoft/TypeScript#48845

[promer94]

After TypeScript 5.0 got released.

This could be a workaround

{
  "compilerOptions": {
    "moduleResolution": "bundler",
   }
}

https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/#moduleresolution-bundler

[dubiousdavid]

This still doesn't work for me.