Import not working properly

[Thomasan1999]

When I try to import the plugin according to the tutorial:

import viteCompression from 'vite-plugin-compression';

export default () => {
  return {
    plugins: [viteCompression()],
  };
};

I get the error: TypeError: viteCompression is not a function. When I use viteCompression.default() instead, it works, but I have to use // @ts-ignore in the line above. The import returns this:

{ default: [Function: src_default] }

When I import the module with the star: import * as viteCompression from 'vite-plugin-compression. It returns an object with double-nested default:

[Module: null prototype] {
  __esModule: true,
  default: { default: [Function: src_default] }
}

This is my tsconfig.json:

{
    "compilerOptions": {
        "target": "es2019",
        "module": "esnext",
        "strict": true,
        "jsx": "preserve",
        "importHelpers": true,
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "sourceMap": true,
        "skipLibCheck": true,
        "baseUrl": ".",
        "noImplicitAny": false
    }
}