Components throw a 'Symbol.iterator' error in Microsoft Edge

[hwatersiv]

Expected behavior

React-intl Components function without throwing an error in Microsoft Edge

Current behavior

Currently, and throw an error in Microsoft Edge 44.18362.267.0

SCRIPT438: SCRIPT438: Object doesn't support property or method 'Symbol.iterator'

Step to reproduce for BUG REPORT

Use FormatDate or FormatNumber Component

For example:
used the React-intl Examples

Your Environment

Executable	Version
typescript	3.5.3
react-dom	16.9.0
npm ls react-intl	3.1.8
npm ls react	16.9.0
npm --version	6.7.0
node --version	11.13.0

OS	Version
Windows 10	18362

Browser	Version
Microsoft Edge	44.18362.267.0

[hwatersiv]

Issue does NOT occur in 3.1.1

[longlho]

Thanks for reporting we'll take a look soon.

[longlho]

I can't seem to repro. Our example works in both IE11 & Edge

[CGNonofr]

We face the same error, it seems related to cb7da58#diff-fe1b24f653b989ecd950765cabe4a1d5

[MaximeCheramy]

I confirm that rollbacking to 3.1.1 fixes that crash on Edge.

[ipanasenko]

Guys, any updates? Is v3.1.1 safe to use? I mean there were Firefox and empty string in values issues, are they present in 3.1.1?

[longlho]

What's your build setup? As I mentioned, IE11/Edge seems to work fine in our examples

[hwatersiv]

Unfortunately, I was not able to replicate with your demo code either but the issue still remains in my code base. The usage might be form the using the API. something like this:

import { injectIntl, WrappedComponentProps as InjectedIntlProps } from "react-intl";

interface IMyComponenrProps extends InjectedIntlProps {}

class MyComponentClass extends PureComponent<IMyComponenrProps, IMyComponentState> {
const monthName = this.props.intl.formatDate(new Date(), { "month": "long" })
     public render() {
          <div>{monthName}</div>
     }
}

const MyComponentWithIntl = InjectIntl(MyComponentClass)
export const MyComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponentWithIntl );

[longlho]

what's ur build setup (webpack/rollup config...)?

[hwatersiv]

We are using parcel.js out of the box

[longlho]

our demo also uses parcel out of the box :(

[longlho]

do u have custom babel config or something?

[hwatersiv]

ts.config:

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "jsx": "preserve",
    "isolatedModules": true,
    "lib": [
      "dom",
      "es7"
    ],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "outDir": "build/dist",
    "resolveJsonModule": true,
    "strict": true,
    "target": "es6",
    "skipLibCheck": false
  },
  "include": [
    "src",
    "types"
  ]
}

[longlho]

@hwatersiv can u try master?

[malcolmmadsheep]

@longlho seems like your changes fixed Edge!