Recientemente agregué algunos paquetes a mi proyecto React, ya que al hacer esto ahora veo un error cada vez que ejecuto yarn run dev

 internal/modules/cjs/loader.js:1102 throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath); ^ Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: ~/GitHub/react-project/node_modules/gatsby-recipes/node_modules/remark-mdx/index.js require() of ES modules is not supported. require() of ~/Documents/GitHub/react-project/node_modules/gatsby-recipes/node_modules/remark-mdx/index.js from ~/Documents/GitHub/react-project/node_modules/gatsby-recipes/dist/graphql-server/server.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules. Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from ~/Documents/GitHub/react-project/node_modules/gatsby-recipes/node_modules/remark-mdx/package.json. at new NodeError (internal/errors.js:322:7) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1102:13) at Module.load (internal/modules/cjs/loader.js:950:32) at Function.Module._load (internal/modules/cjs/loader.js:790:12) at Module.require (internal/modules/cjs/loader.js:974:19) at require (internal/modules/cjs/helpers.js:101:18) at Object.<anonymous> (~/Documents/GitHub/react-project/node_modules/gatsby-recipes/dist/graphql-server/server.js:52:17) at Module._compile (internal/modules/cjs/loader.js:1085:14) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10) at Module.load (internal/modules/cjs/loader.js:950:32) { code: 'ERR_REQUIRE_ESM' }

He acortado las rutas de los archivos para mantener el anonimato, pero entiendes la idea. Todavía puedo hacer cambios en mi proyecto localmente y compilar el proyecto, pero cuando lo presiono en github, fallan las acciones y dice que 2 paquetes no se han instalado correctamente.

Por ejemplo, esto aparece en el registro de acciones:

 out: ERROR #98124 WEBPACK out: out: Generating JavaScript bundles failed out: out: Can't resolve 'react-animate-height' in '/home/dev_onlyorca/source/src/pages' out: out: If you're trying to use a package make sure that 'react-animate-height' is out: installed. If you're trying to use a local file make sure that the path is out: correct. out: out: File: src/pages/about.js

Vi algo de ayuda que mencionaba actualizar el nombre de archivo del módulo problemático a .cjs o agregar al archivo package.json "tipo": "módulo", pero ninguno parecía hacer ninguna diferencia. Sé que esto no es algo que debería suceder normalmente, pero he usado instalaciones de Yarn y npm en este proyecto, ya que algunas de las dependencias solo estaban disponibles a través de npm y generó 2 archivos de bloqueo. ¡Cualquier ayuda en esto sería enormemente apreciada!