another-multi-provider 사용시 타입에러

import MultiProvider from 'another-multi-provider';

 

아래처럼 문제가 발생을 하는 경우가 있다.

결국 타입이 제대로 지정이 안되었다고 해서 아래처럼 타입을 정리만 하면 된다.

 

Type '{ children: Element; providers: FC<AlerModalProviderPropsType>[]; }' is not assignable to type 'IntrinsicAttributes & MultiProviderProps'.
Property 'children' does not exist on type 'IntrinsicAttributes & MultiProviderProps'.ts(2322)

 

결국 위 내용은 children이라는 타입이 없다는 것이라서 타입을 만들어서 선언을 해줬다.

 

declare module 'another-multi-provider' {
  interface MultiProviderProps {
    providers: any[];
    children: React.ReactNode;
  }

  const MultiProvider: React.FC<MultiProviderProps>;
  export default MultiProvider;
}