No long story for this one.
If you are working with Webpack 4 with/without Typescript there's a good
chance that your webpack is complaining about
.mjs files and not being
able to import stuff from them.
.mjsfiles as normal
for those who'd go with the 2nd one, here's how.
Considering the below is your webpack config, add another rule to the array of rules.
If you are using
create-react-app, the default
babel-loader tried to load
.mjs files but other .mjs rules actually conflict with it so instead
of trying to handle every conflict just let webpack know that it has to consider
normal and it'll take care of it.
Hope that helps someone.