Error with TypeScript config and ESM

Bug description

I’m using TypeScript webpack config, running with ts-node/esm loader It yells at me:

[webpack-cli] file:///Users/cyber/dev/tombo/freezy/src/webpack/webpack.common.ts:6
import { ESBuildMinifyPlugin } from "esbuild-loader";
         ^^^^^^^^^^^^^^^^^^^
SyntaxError: Named export 'ESBuildMinifyPlugin' not found. The requested module 'esbuild-loader' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'esbuild-loader';
const { ESBuildMinifyPlugin } = pkg;

If I do

import pkg from 'esbuild-loader';
const { ESBuildMinifyPlugin } = pkg;

Then I get the error:

[webpack-cli] Failed to load '/Users/cyber/dev/tombo/freezy/src/webpack/webpack.prod.ts' config
[webpack-cli] src/webpack/webpack.common.ts:7:9 - error TS2339: Property 'ESBuildMinifyPlugin' does not exist on type '(this: any, source: string) => Promise<void>'.

7 const { ESBuildMinifyPlugin } = pkg;
          ~~~~~~~~~~~~~~~~~~~

Reproduction

import pkg from 'esbuild-loader';
const { ESBuildMinifyPlugin } = pkg;

Node.js package manager

npm

Environment

System:
    OS: macOS 12.0.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 25.19 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.5 - /usr/local/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.2.0 - /usr/local/bin/npm
  npmPackages:
    esbuild-loader: ^2.17.0 => 2.17.0
    webpack: ^5.65.0 => 5.65.0

### Can you contribute a fix?

- [X] I’m interested in opening a pull request for this issue.

[pi0]

Hi! Just wanted to mention that we faced a related issue with Nuxt3 as all internals are ESM only. (without typescript also having issues)

A simple workaround: (https://github.com/nuxt/framework/pull/2460)

import esbuildLoader from 'esbuild-loader'

// For plain mjs
const { ESBuildMinifyPlugin } = esbuildLoader

// For typescript
const { ESBuildMinifyPlugin } = (esbuildLoader as unknown as typeof import('esbuild-loader'))

[privatenumber]

Does setting esModuleInterop in tsconfig.json help?

In any case, happy to add an ESM distribution now that TS is starting to support export maps in 4.6.0