[rollup] Error: 'typeOf' is not exported ~~ 에러

MUI를 이용해서 스토리북 작업을 하던 도중 TreeView 컴포넌트 작업을 위해 @mui/lab 라이브러리 설치를 기점으로 갑작스럽게 rollup을 이용한 빌드가 안되면서 아래와 같은 에러가 출력이 되었다.

Error: 'typeOf' is not exported by ../../node_modules/react-is/index.js, imported by ../../node_modules/styled-components/dist/styled-components

 

시도한 방법

1. rollup.config.js에 external 추가하기

export default [
  {
    ...
    external: ['react-is/typeOf'], // Add react-is/typeOf to external
    ...
  },
];

가장 자료가 많이 나온 방법이었는데, 실제로 적용해본 결과 기존과 동일한 에러가 계속 발생하여 폐기하였다.

 

2. peerDepsExternal 라이브러리를 사용하기

 

1번과 마찬가지로 rollup.config.js에 적용하는 방법인데, peerDependencies로 설치한 라이브러리들을 external 모듈로 설정하는 라이브러리이다. 이 방법은 plugin 속성에 대해 작성할 때 아래와 같이 추가해주면 된다.

 

{
	...
	plugins: [
            peerDepsExternal({
            includeDependencies: true,
            excludePackageIds: ['react-is'],
  	})]
	...
}