ESLint dependency cycle detected import/no-cycle Error 해결하기

나의 경우 해당 에러가 interface를 import 해서 사용할 때 나왔다.

 

이 에러의 의미는 간단하게 설명하자면 A 컴포넌트를 B에서 import 해서 사용하는데 B에서 A의 항목을 import 해서 생기는 문제이다.

A -> B -> A

 

그래서 나의 경우 interface들을 따로 파일로 쪼갠 뒤 아래와 같은 방식으로 사용해 해결해 냈다.

// A.tsx
import {Props} from './type';
import B from './B'

// B.tsx
import {Props} from './type';

...

any: [] as Props