Hi 老师你好
我这边基本拷贝你的代码，做了一个简单的todolist的乐观更新。遇到了一个问题：
现象：点击添加按钮之后，成功更新。但在api请求结束之后，list的值又变成点按钮前的值(可以查看gif)。
依赖：react-query: 3.5.10 后端api使用的是json-server

想询问一下，这是什么原因导致的？

乐观更新的核心代码用的是：

export const useAddTodo = (queryKey: QueryKey) => {

  return useMutation(
    (params: Partial<Task>) =>
      http(`tasks`, {
        data: params,
        method: "POST",
      }),
    useAddConfig(queryKey)
  );
};

export const useAddConfig = (queryKey: QueryKey) =>
  useConfig(queryKey, (target, old) => (old ? [...old, target] : []));

  export const useConfig = (
    queryKey: QueryKey,
    callback: (target: any, old?: any[]) => any[]
  ) => {
    const queryClient = useQueryClient();
    return {
      onSuccess: () => { queryClient.invalidateQueries(queryKey) }, 
      async onMutate(target: any) {
        console.log('call post api', queryKey)
        const previousItems = queryClient.getQueryData(queryKey);
        queryClient.setQueryData(queryKey, (old?: any[]) => {
          return callback(target, old);
        });
        return { previousItems };
      },
      onError(error: any, newItem: any, context: any) {
        console.log('error happen')
        queryClient.setQueryData(queryKey, context.previousItems);
      },
    };
  };