Failed to import @mdx-js/mdx

[amatiasq]

Failing module

• GitHub: https://github.com/mdx-js/mdx
• npm: https://www.npmjs.com/package/@mdx-js/mdx

import 'https://esm.sh/@mdx-js/mdx'

Error message

After running

deno eval 'import "https://esm.sh/@mdx-js/mdx"'

I get this:

error: Uncaught TypeError: (0 , N.default) is not a function
    at https://cdn.esm.sh/v53/@babel/helper-function-name@7.15.4/deno/helper-function-name.js:2:1429
    at https://cdn.esm.sh/v53/@babel/helper-function-name@7.15.4/deno/helper-function-name.js:2:640
    at https://cdn.esm.sh/v53/@babel/helper-function-name@7.15.4/deno/helper-function-name.js:26:1406

Additional info

• esm.sh version: v53
• Deno version: 1.14.0

Analysis

After analyzing the issue I found out it is because helper-function-name.js starts with this import:

import template from "@babel/template";
// below at line 21...
const buildPropertyMethodAssignmentWrapper = template(`... `)

Which is transpiled as

import ___babel_template$ from '/v53/@babel/template@7.15.4/deno/template.js';
// ...
var N = ___babel_template$;
// ...
j = (0, N.default)(`...`)

So you can see we're importing the default export but then again we try to access it's default property for some reason.

[amatiasq]

Referenced from mdx-js/mdx#1674

[ije]

@amatiasq thanks for the details, i will look into it!

[talentlessguy]

duplicate of #142

[amatiasq]

@talentlessguy I think the analysis is worth copying too

[ije]

@amatiasq yes, thanks for the details