리액트 컴포넌트 라이브러리 구현 시 에러

Question

React 스타일 컴포넌트 라이브러리를 제작중입니다.
Ts / rollup / yarn berry를 사용했으며
@emotion/styled를 사용해서 기본적인 스타일링을해서 사용했을 땐 별 문제 없이 의존성 설치도 되고 사용에 이상이 없었으나 React key값 관리와 차트 사용을 위해
차트
apexcharts: ^3.42.0,
react-apexcharts: ^1.4.1,
key 값
shortid를 사용하니까 의존성을 받아 사용하던 프로젝트에서 에러가 발생했습니다

Uncaught SyntaxError: The requested module /node_modules/react-apexcharts/dist/react-apexcharts.min.js?v=73045f40 does not provide an export named default

직접 제작한 라이브러리에서 외부 라이브러리를 사용하려면 혹시 다른 방법이 필요한걸까요..??

찬미 · Accepted Answer

제가 어떤 설정과 어떤 코드를 작성하셨는지 정확히 몰라서,
정확한 답변을 드리긴 어려울 것 같습니다만,

import ApexCharts from apexcharts/dist/apexcharts.esm.js 로 변경 
혹은
롤업의 @rollup/plugin-commonjs 를 살펴보세요.