Static method on JavaScript class becomes undefined after imported

I have this simple JavaScript class with a static method:

// test.cjs
class Test {
  static init() {
    console.log('Test.init');
  }
}
exports.default = Test;
exports.Test = Test;

Now if I import the Test class in another file like below:

// index.mjs
const { default: x } = await import('./test.cjs');
console.log(x.init) // <- this will be `undefined`

I'm confused here, how come x.init becoming undefined?

Here's a demo where you can test the code online https://stackblitz.com/edit/stackblitz-starters-4alfhc?file=test.cjs,index.mjs

You cannot access a property called default (at least not like that). Trying that will return the value of exports instead of exports.default. That's by design. "default" has the special meaning of returning the main(/default) export value and therefor overrides the standard behavior.

import(...) as a function-like dynamic tries to "emulate" the behavior of the import statement (static declaration).

See MDN: import as well as MDN import() and how { export1 as alias1 } is treated differently as { default as alias1 }, it's treated differently even in the highlight on StackOverflow:

import { export1 as alias1 } from "module-name";
import { default as alias } from "module-name";