How to use the @blueprintjs/table.TableLoadingOption.COLUMN_HEADERS function in @blueprintjs/table

onConfirm={async (value) =>
                        await db.updateStagingValue(value, result, rowIndex, colIndex, config)
                    }
                />
            )
        }

        return (
             castNull(result.values[row][col])}
                loadingOptions={
                    view.loading
                        ? [
                              TableLoadingOption.CELLS,
                              TableLoadingOption.COLUMN_HEADERS,
                              TableLoadingOption.ROW_HEADERS,
                          ]
                        : []
                }
            >
                {result.columns.map((name, colIndex) => (
                     (
                             <menu>
                                //     <menuitem> {

                                //         console.log('sort ascending', result)
                                //     }} text="Sort Asc" /&gt;</menuitem></menu><table></table>

newIndex,
      length
    );
    setColumns(nextChildren);
  };

  return (
    
      {columns}
    <table></table>
  );
};

private getLoadingOptions() {
        const loadingOptions: TableLoadingOption[] = [];
        if (this.state.cellsLoading) {
            loadingOptions.push(TableLoadingOption.CELLS);
        }
        if (this.state.columnHeadersLoading) {
            loadingOptions.push(TableLoadingOption.COLUMN_HEADERS);
        }
        if (this.state.rowHeadersLoading) {
            loadingOptions.push(TableLoadingOption.ROW_HEADERS);
        }
        return loadingOptions;
    }
}