Function useCreateColumnMutation

examples/react/start-trellaux/src/queries.ts:28–53

()

}

export function useCreateColumnMutation() {
  const queryClient = useQueryClient()
  return useMutation({
    mutationFn: createColumn,
    onMutate: async (variables) => {
      await queryClient.cancelQueries()
      queryClient.setQueryData(
        boardQueries.detail(variables.data.boardId).queryKey,
        (board) =>
          board
            ? {
                ...board,
                columns: [
                  ...board.columns,
                  {
                    ...variables.data,
                    order: board.columns.length + 1,
                    id: Math.random() + '',
                  },
                ],
              }
            : undefined,
      )
    },
  })
}

export function useCreateItemMutation() {
  const queryClient = useQueryClient()