Tengo un front-end configurado dentro de un repositorio mono Bazel más grande similar a este

 Root |---UI | |-React-App | |-Component-Library |-package.json

La aplicación de reacción se configura mediante create-react-app. Npm está siendo administrado por Bazel como se define en el archivo repo WORKSPACE. Me gustaría crear una js_library desde la carpeta de la biblioteca de componentes y consumirla en mi aplicación de reacción. Creé una biblioteca de muestra como tal que se construye con éxito.

 ts_project( name = "compile_ts", srcs = glob(["src/*.ts"]), ) js_library( name = "UIcomponent", package_name = "@npm-package-name/UIcomponent", srcs = glob(["src/*.ts"]), visibility = ["//visibility:public"], deps = [":compile_ts"], )

Mi pregunta es cómo puedo consumirlo dentro de mi React-App. Actualmente, estoy pasando la biblioteca como tal.

 _RUNTIME_DEPS = [ "chdir.js", "copy_static_files", "@npm//react", "@npm//react-dom", "//UI/Component-Library:UIcomponent", ] react_scripts( name = "buildBoilerplate", args = [ "--node_options=--require=./$(execpath chdir.js)", "build", ], data = _RUNTIME_DEPS + [ "@npm//@types", ], env = { "BUILD_PATH": "./buildBoilerplate", }, output_dir = True, )

Lo estoy consumiendo en mi aplicación como tal.

 import testFunc from "@npm-package-name/UIcomponent";

Mi aplicación no puede resolver esto. Supongo que estoy cometiendo un error en la forma en que estoy consumiendo la biblioteca. Quizás deba pasarlo como una dependency en lugar de data . Estoy realmente atrapado aquí. Se agradece cualquier ayuda.