Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

[pratikgl]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The react app compiles with a warning, because of which I am unable to deploy it to production.

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

1. import components from "@giphy/react-components";
2. During compilation, it would throw warnings saying

./node_modules/@giphy/js-fetch-api/dist/index.js
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

./node_modules/@giphy/js-fetch-api/dist/index.js
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

Screenshots or Videos 📹

No response

Platform 🌍

• OS : [MacOS]
• Browser : [Chrome]
• Version : "@giphy/react-components": "^9.3.0"

GIPHY-JS SDK version

"@giphy/react-components": "^9.3.0"

TypeScript version

No response

Additional context 🔦

Note:
I am using Craco.

[yangchristina]

Also getting this, using Next.js 14.2.3
"@giphy/js-fetch-api": "^5.6.0",
"@giphy/react-components": "^9.5.0",