Add alias for react-spring in webpack config

[tellthemachines]

Description

Fixes #16194
Added an alias in webpack config for react-spring to fix incompatibility with Internet Explorer.

How has this been tested?

Tested locally on Internet Explorer, on Windows 7 and Windows 10.

Screenshots

Types of changes

Bug fix (non-breaking change which fixes an issue)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.

[youknowriad]

This approach doesn't solve the issue in the root packages though. And we'd have to duplicate the fix in Core's webpack config file. I wonder if we should be explicit in the imports instead?

[tellthemachines]

Then we'll have to specify react-spring/web.cjs in every single import, right? Or am I missing something?

[youknowriad]

Yes probably, we could try to write a custom eslint rule to prevent root imports.

[youknowriad]

re eslint: it should be possible to use no-restricted-syntax rule for that.

[tellthemachines]

Done!

[youknowriad]

Awesome. Thanks for the fix. I didn't test in IE cause it's going to be hard for me to set a Windows machine now. but I verified the eslint rule works as intended.

[blowery]

@youknowriad @tellthemachines An alternative solution would be to transpile react-spring to es5 using a pretty basic babel-preset-env. That might easier to enforce across Gutenberg? That's how we handle this kind of thing over in Calypso and eventually in calypso-build.