recoil selector ts 타입선언 에러.

코드에 보면 크게 두가지 문제가 보입니다. 우선 recoilState는 React State와 형식이 크게 다르지 않습니다. const [strArr,setStrArr] = useState<string[]>([]); 라는 State를 만들고 Set을 하는 상황을 생각해보겠습니다. const newValue:string = ''; setStrArr(newValue); 이 코드는 newValue에서 에러가 납니다. Argument of type 'string' is not assignable to parameter of type 'SetStateAction<string[]>' 해당 SetStateAction이 string타입의 배열을 아규먼트로 받고있는데 저는 string타입의 newValue를 입력하고 있어서죠 다시 작성자님이 작성해주신 코드를 한번 보겠습니다. #set#: ({ set, get }, newValue: Tag) => { const currentTagsList = get(tagsListState); if (currentTagsList.find(({ tag }) => tag === newValue.tag)) { toast.warning("이미 존재하는 태그입니다."); } else { set(tagsListState, [...currentTagsList, newValue]); toast.info("새로운 태그가 등록되었습니다."); } }, 보시면 tagsListState는 타입이 Tag타입의 배열입니다. 그런데 newValue는 Tag타입으로 입력하고있으니 타입이 맞지 않습니다. 그리고 recoil의 selector는 newValue가 항상 특정타입과 DefaultValue를 동시에 받을 수 있게 처리가 되어있어야 합니다. 아래는 selector의 set 파라미터의 타입입니다. ============================ export interface ReadWriteSelectorOptions<T> extends ReadOnlySelectorOptions<T> { set: ( opts: { set: SetRecoilState; get: GetRecoilValue; reset: ResetRecoilState; }, newValue: T | DefaultValue, ) => void; } ================================ 원하시는 동작을 수행하려면 아래와같이 작성하면 될 것 같습니다. <components> ``` const [tagsState, setTagsState] = useRecoilState(tagsListSelector); const newTag = { tag: inputText.toLocaleLowerCase(), id: v4() }; setTagsState([...tagsState,newTag]); ``` <atoms> export const tagsListSelector = selector({ key: "tagsListSelector", get: ({ get }) => { return get(tagsListState); }, set: ({ set, reset }, newValue) => { // newValue가 DefaultValue인 경우 리셋 로직을 처리 if (newValue instanceof DefaultValue) { reset(tagsListState); return; } //새로 입력받은 태그 리스트를 중복제거 const filterdNewValue = [...new Set(newValue)]; //중복을 제거했는제도 기존의 값과 길이가 같다면 새로 추가된 태그가 중복이 아니기때문에 중복인지 여부를 판단할 변수에 저장 const isNotDuplicate = filterdNewValue.length === newValue.length; // //중복 여부에 따라 다른 메시지 입력 isNotDuplicate ? toast.info("새로운 태그가 등록되었습니다.") : toast.warning("이미 존재하는 태그입니다."); set(tagsListState, filterdNewValue); }, }); 굳이 reset을 처리할 필요가 없다면 아래와 같이 간단하게 처리해줘도 됩니다. ... set: ({ set }, newValue) => { if (newValue instanceof DefaultValue) return; ...