🚨Cannot find name 'SetAtom'.🚨

❗문제 내용

Jotai를 사용하다가 나타난 오류.

export interface MatchingFormProps {
  title: string;
  isRequired: boolean;
  placeholder: string;
  maxLength: number;
  handler: SetAtom<[SetStateAction<string>], void>;
  charCount: number;
}

컴포넌트에 useSetAtom(...) 함수를 넘겨주고 싶어서 props 타입을 정의해 보았는데, 여기서 SetAtom이라는 타입이 resolve 되지 않아서 나타나는 오류였다. SetStateAction 같은 경우에는 Jotai 라이브러리 안에 들어 있는데, SetAtom 타입은 들어있지 않았다...!

⚒️ 문제 해결

type SetAtom<Args extends any[], Result> = (...args: Args) => Result;

SetAtom 타입을 직접 정의해서 사용해주면 문제를 해결할 수 있다. 인자로 어떤 타입이든 들어올 수 있고, Result를 반환하는 함수 타입으로 SetAtom을 정의한 것이다. 아래의 스택오버플로우 링크에서 많은 도움을 받았다.

🙇‍♂️ 참고자료

TypeScript Error: Cannot Find Name 'SetAtom' When Using Jotai