타입스크립트 타입지정

Question

리액트 쿼리로 OptimisticUpdate 를 구현했는데 onError 에서 context 타입 지정을 어떻게 해야할지 모르겠습니다 ㅠㅠ context : 타입 하면 오류나고, data : 타입 &#61; context 해도 오류나고 as 를 쓰면 해결되긴 하는데 더 좋은 방법 없을까요? ㅠㅠㅠ 'use client';import { useState } from 'react';import { toast } from 'react-toastify';import { usePostLikeCount } from '&#64;/hooks';interface LikeContextType { previousLikeCount: number; previousIsLike: boolean;}export const useOptimisticLike &#61; ( boardId: number, initialLikeCount: number, initialIsLike: boolean, refetch: () &#61;> void) &#61;> { const [optimisticLikeCount, setOptimisticLikeCount] &#61; useState(initialLikeCount); const [optimisticIsLike, setOptimisticIsLike] &#61; useState(initialIsLike); const { mutate: postMutate } &#61; usePostLikeCount(boardId, { onMutate: async (): Promise<LikeContextType> &#61;> { setOptimisticLikeCount((prev) &#61;> optimisticIsLike ? prev - 1 : prev &#43; 1 ); setOptimisticIsLike((prev) &#61;> !prev); return { previousLikeCount: optimisticLikeCount, previousIsLike: optimisticIsLike, }; }, onError: (err, variables, context?: LikeContextType) &#61;> { if (context) { setOptimisticLikeCount(context.previousLikeCount); setOptimisticIsLike(context.previousIsLike); } toast.error('좋아요 업데이트에 실패했습니다.'); }, onSuccess: () &#61;> { refetch(); }, }); const uploadLike &#61; () &#61;> { postMutate(); }; return { optimisticLikeCount, optimisticIsLike, uploadLike, };};

Clickin · Answer

https://github.com/TanStack/query/issues/4767해당 이슈 참조해보세요

세브라이드 · Answer

usePostLikeCount에서 타입 지정이 제대로 안 이뤄진 것 같습니다.

타입스크립트 타입지정

2개의 답변

#react-query 목록