[react][react-query] useMutation 쓰는 법

 

'() => Promise<any>' 유형에 'UseMutationOptions<unknown, Error, void, unknown>' 유형과 공통적인 속성이 없습니다.

내지

invailed hook 에러

이라는 에러가 뜨는데 아니 타입이 유동적일수도 있어서 그런데 왜 자꾸 이러시죠? useEffect에 바로 안쓰고 함수로 감아줬는데도 왜이러시죠?

 

 

1. 이렇게 쓰기

const App = () => {
  useEffect(() => {
    mutate(); // 한번 불러주기
  }, [])
  
  const run = () => {
    // 뭔가 데이터 가져오는 함수
    return res.data;
  }

  const { mutate } = useMutation({
    mutationFn: run,
    onSuccess: (data: any) => {
    },
    onError: (error: Error) => {
    }
  });
}

이래하면 된다.