Why data value of queries is not updated on queryClient.setQueryData(['grid'], updatedGrid)

export const useUpdateGrid = () => {
  const queryClient = useQueryClient();

  return useMutation({
    mutationFn: (grid: IGrid) => updateGrid(grid), // Fonction qui envoie la requête
    onSuccess: updatedGrid => {
      queryClient.setQueryData(['grid', updatedGrid._id], updatedGrid);
      queryClient.invalidateQueries({ queryKey: ['grids'] });
    },
  });
}

const { isFetching, data: serverGrid } = useFetchGrid(id);

//Always true since serverGrid is not updated after setQueryData
const isDirty = useMemo(() => {
  return JSON.stringify(currentGrid) !== JSON.stringify(serverGrid);
}, [currentGrid, serverGrid]);

  const handleSaveGridAction = async (): Promise<void> => {
    if (!currentGrid) return;

    updateGridMutation.mutate(currentGrid, {
      onSuccess: (grid: IGrid) => {
        setCurrentGrid(grid);
      },
    });
  };