Having trouble compiling this library in a typescript react project targetting es5

I’m not completely sure what’s causing this, but I wonder if it’s because this project seems to be targetting esnext? The current project I’m on has es5 as the target. The only thing that seems to fix the compilation error below is to set my target to esnext, but that introduces other errors in other files in my project.

./node_modules/react-diff-viewer/lib/styles.js
Module parse failed: Unexpected token (5:42)
You may need an appropriate loader to handle this file type.
| const emotion_1 = require("emotion");
| exports.default = (styleOverride) => {
|     const { variables: overrideVariables, ...styles } = styleOverride;
|     const variables = {
|         ...{

[rokoroku]

I made the target as esnext because I wanted the lib files to include all latest syntax. Then, the consumer can change their target according to their needs.

@praneshr I think It’s better to indicate this module is targeted to ESNEXT in README file, so that we can add this module to the transpiling target.

[andresmgot]

same issue here, I am using react-scripts-ts so I cannot change the webpack configuration. Any suggestion?