ReferenceError: require is not defined - after building the project

[viktorkasap]

This issue is continuation of previews #93

So, we've solved 'process' problem, and after building the project and running the via browser-sync from ./dist I get new error

Uncaught ReferenceError: require is not defined
    at index-058953bb.js:40:57774

Actually to get this error you can just add this import and nothing else

First Screen - npm run dev Second Screen - browser-sync ./dist

[IanEdington]

~html-entries is exported from utils/index are you using @faire/mjml-react/utils anywhere in your package? Otherwise your build might be picking it up from the utils index.~

~You could also try importing from the esm folder and see if that helps @faire/mjml-react/esm/...~

see below

[emmclaughlin]

Every component uses @faire/mjml-react/utils as they rely on this function: https://github.com/Faire/mjml-react/blob/main/src/utils/mjml-component-utils.ts#L9 and then the re-export includes html-entities https://github.com/Faire/mjml-react/blob/main/src/utils/index.ts#L1

I think we need to fix this line to be an import statement instead of require. Right now it compiles to require in esm. I'll look at putting up a fix today.

[emmclaughlin]

@kasapvictor this PR should fix the issue. Please upgrade to v3.1.2 and try again

[viktorkasap]

@emmclaughlin Oh my God, you made it so fast, it's unbelievable =) Thank you again.

[viktorkasap]

@kasapvictor this PR should fix the issue. Please upgrade to v3.1.2 and try again

Yes! It works! 🙏🙏🙏