Estoy usando create-react-app para crear un proyecto inicial que necesita importar componentes React personalizados desde un paquete de nodo separado.

Intenté que la aplicación React importara un componente del paquete, pero muestra un mensaje de error que indica que no pudo transpilar scripts desde dentro de node_modules. Parece que es necesario preprocesar y agrupar la sintaxis JSX.

¿Cómo puedo configurar browserify/babel/babelify para agrupar la serie de componentes para que la aplicación reconozca las exportaciones?

 import { Panel } from "components-module/react";

IntelliSense recoge las importaciones de componentes en VS Code, pero en la consola del navegador, la aplicación de reacción muestra un error que indica que el componente de reacción no está definido y sugiere que al módulo le faltan las declaraciones de exportación.

En la configuración de Babel, intenté configurar modules: false en @babel/preset-env para conservar la sintaxis del módulo ES6 en el paquete, pero esto conduce a un error diferente (esta vez al agrupar):

 ParseError: 'import' and 'export' may appear only with 'sourceType: module'