[Bug] 3.28.x - Error while hide input field on IE11 (`Unhandled promise rejection Error: Invalid argument`)

[mkszepp]

🐞 Describe the Bug

When i hide a input field (checkbox...) i get the error Unhandled promise rejection Error: Invalid argument.
This error occures, when i add ember-cli-babel: { includePolyfill: true } in ember-cli-build.js (https://github.com/mkszepp/promise-bug-ie11/blob/82f5bf3c045a4dfc72eddf5a227158c80dfa55c9/ember-cli-build.js#L7-L9)

It looks like a polyfill (Symbol iterator) is not compatible with this code part (Line 193, because code 182 - 192 will be skipped in IE11 and modern browsers):

ember.js/packages/external-helpers/lib/external-helpers.js

Lines 180 to 195 in 744e536

	export function createForOfIteratorHelperLoose(o) {
	let i = 0;
	if (typeof Symbol === 'undefined' || o[Symbol.iterator] == null) {
	// Fallback for engines without symbol support
	if (Array.isArray(o) || (o = unsupportedIterableToArray(o)))
	return function () {
	if (i >= o.length) return { done: true };
	return { done: false, value: o[i++] };
	};
	throw new TypeError(
	'Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.'
	);
	}
	i = o[Symbol.iterator]();
	return i.next.bind(i);
	}

The error occures also only, when jquery is completly removed/disabled in optional feature.

🔬 Minimal Reproduction

1. Clone the repo https://github.com/mkszepp/promise-bug-ie11 or download build.zip and go to step 4
2. Install packages
3. ember build --environment=production
4. Open build in IE11
5. Click on "Toggle input" button
6. Error Unhandled promise rejection Error: Ungültiges Argument

🌍 Environment

• Ember: 3.28.11
• Node.js/npm: 14.18.3
• OS: Windows 10
• Browser: Internet Explorer 11

[mkszepp]

I have found out that this code part was replaced with additonal checks in Babel (1 year ago) (https://github.com/babel/babel/pull/13129/files#diff-e4ab7f353478513ca67e00220d7a82957c3d07c544b9735fe06f5cabbb45a854L1161)

This code was copied to ember old code 2 years ago... see #18831

Replacing this lines has not solved the problem

[mkszepp]

I have debugged a little bit and i found out that new Map has properties that are unusual... (_f, _i...)

It looks like some package brings a polyfill which is not correct. IE11 supports also by default Map...

We need to find out which package brings this polyfill and fix that.

[mkszepp]

ember-cli-babel / broccoli-babel-transpiler has dependency "@babel/polyfill", which is deprecated.
"@babel/polyfill" brings core-js v2, which is unsupported / outdated. (update to v3is necessary)

There is necessary to update ember-cli-babel / broccoli-babel-transpiler, otherwise there is not possible to fix this issue.

[mkszepp]

I have solved this issue by using ember-cli-babel-polyfills as workaround

Install the package & remove following code from *ember-cli-build.js`

'ember-cli-babel': {
    includePolyfill: true,
},