ES6 arrow function syntax breaking Internet Explorer 11 (IE11)

Describe the bug

Amplify does not work in Internet Explorer 11. It’s possible this was broken by a dependency like @aws-sdk. It’s unclear how to restore IE11 support to an application implementing Amplify.

To Reproduce

Repro available here: https://github.com/sawyerh/amplify-nextjs-ssr

Expected behavior It’s unclear what the official browser support is for Amplify, however the Amplify SDK previously worked in IE 11, and according to this comment AWS is still supporting IE11.

Screenshots

What is Configured?

"dependencies": {
    "aws-amplify": "3.0.9",
    "aws-amplify-react": "4.1.8",
    "next": "9.3.5",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }

[Amplifiyer]

it seems there is one more package that got missed which targets ES2016 output https://github.com/aws/aws-sdk-js-v3/blob/v1.0.0-gamma.2/packages/middleware-serde/tsconfig.json#L3 I’ll create an issue with aws-sdk to get this prioritized.

[sammartinez]

Resolving as this issue is in our latest release, 3.0.22