(Sorting) Initial State column has desc = false, but still on first click, it sorts on ascending order

[ExplosionArt]

I have a scenario where I have the following code setup

    const data = props.data;
    const {
        page,
        getTableProps,
        getTableBodyProps,
        headerGroups,
        prepareRow,
        nextPage,
        previousPage,
        canPreviousPage,
        canNextPage,
        pageOptions,
        state,
        gotoPage,
        pageCount,
        setPageSize
    } = useTable(
        {
            columns,
            data,
            initialState: {
                pageIndex: 0,
                sortBy: [
                    { id: 'ID', desc: false },
                    { id: 'firstName', desc: true },
                    { id: 'lastName', desc: true },
                    { id: 'location', desc: true },
                ]
            },
            disableSortRemove: true,
            autoResetPage: true,
        },
        useSortBy,
        usePagination,
    )

The` ID column has desc: false, however, on first click of the column header, it still sorts in ascending order, and on second click, it sorts it in descending order. Anyway I can achieve the behavior where I can make the first click for the column header to sort in descending order for that particular column?