ECMAScript Compatibility Issues with Flatfile React Packages

Build failures occur when integrating @flatfile/react and @flatfile/hooks packages due to ECMAScript compatibility issues

Symptoms

• Build failures when using @flatfile/react and @flatfile/hooks packages

• ES-Check errors indicating unexpected tokens in the build output

• JavaScript syntax errors related to ECMAScript version compatibility

Possible Causes

• Flatfile packages contain modern JavaScript features not compatible with ES6

• Build configuration not set up to properly transpile node_modules

• Webpack/Babel configuration excluding necessary package transpilation

Solutions

Solution 1: Configure Babel to Transpile Flatfile Packages

Update your Webpack configuration to include Flatfile packages in the babel-loader transpilation process:

1. Modify your webpack.config.js to include @flatfile packages in the transpilation process

2. Ensure babel-loader is configured to process these packages

3. Include both direct (@flatfile/react, @flatfile/hooks) and their transitive dependencies

4. Run a clean build to ensure the changes take effect

When to Contact Support

If the above solutions do not resolve the issue, please contact our support team with the following information:

• Your complete package.json file

• Webpack configuration file

• Full build error output

• Details of any transpilation configurations you've already attempted