IE11 breaks when importing components with next/dynamic

[jaspersorrio]

Verify canary release

• I verified that the issue exists in Next.js canary release

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP Wed Oct 28 23:40:43 UTC 2020
Binaries:
  Node: 12.22.4
  npm: 6.14.14
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 12.1.6-canary.0
  react: 18.0.0
  react-dom: 18.0.0

What browser are you using? (if relevant)

IE11 21H2 (OS Build 19044.1645)

How are you deploying your application? (if relevant)

No response

Describe the Bug

1. With IE11 import any component with "next/dynamic"
2. Page will not render correctly, JS will stop working (onClick etc)

Expected Behavior

1. With IE11 import any component with "next/dynamic"
2. Page renders correctly, JS continues to work (onClick etc)

To Reproduce

1. Git Clone https://github.com/jaspersorrio/next-js-ie11-bug

2. npm install && npm run dev

3. Open IE 11

4. [GET] http://localhost:3000 <-- Will error
   
   

5. [GET] http://localhost:3000/without-dynamic <-- Works fine
   
   

[ijjk]

Hi, this has been updated in v12.1.6-canary.1 of Next.js, please update and give it a try!

[jaspersorrio]

Hey @ijjk, i've tested 12.1.6-canary.1 and it works well!

Thanks for the quick fix, appreciate it!

Looking forward to the official release!

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.