SyntaxError: Unexpected identifier when importing @iconscout/react-unicons

[brightloudnoise]

Bug report

Describe the bug

SyntaxError: Unexpected identifier when importing @iconscout/react-unicons

Possibly related to #7710

To Reproduce

https://github.com/brightloudnoise/next-unicons-error

Expected behavior

Next should import the module and display the React component for the icon. This works correctly using the same import in recent create-react-app.

System information

• OS: macOS
• Chrome and Safari
• Next.js 9.0.1

[masives]

It's the issue mentioned here #7710 (comment)

Since this library doesn't ship with commonJS you can have NEXT transpile it during build

next.config.js

const withTM = require('next-transpile-modules');

module.exports = withTM({
    transpileModules: ['@iconscout/react-unicons'],
});

This works but I'm not sure what is the cost to this solution.

[brightloudnoise]

Thanks, that works as a short-term solution.

[timneutkens]

Closing as same as #706

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.