sorting rows groups

[softmasters]

Hello, I'have a datagrid where I'm grouping rows using a lodash groupBy() has a rowGrouper function.
Grouping works well, but the rowGrouper function returns an object and properties are not sortable in a ES object.
How may I change the order in which the row groups are shown?

Here is a part of my code:

	const rowGrouper = (rows, columnKey) => {

		let grouped = _.groupBy(rows, columnKey) as _.Dictionary<IMonitorPromoItem[]>

		return grouped
	}

	const grid = (
		<DataGrid
			columns={columns}
			rows={rows}
			rowKeyGetter={rowKeyGetter}
			rowHeight={rowHeightGetter}
			rowClass={getRowClass}
			selectedRows={selectedRows}
			onSelectedRowsChange={setSelectedRows}
			groupBy={selectedOptions}
			rowGrouper={rowGrouper}
			expandedGroupIds={expandedGroupIds}
			onExpandedGroupIdsChange={setExpandedGroupIds}
			defaultColumnOptions={{ resizable: true }}
			//sortColumns={sortColumns}
			//onSortColumnsChange={onSortColumnsChange}
			//rowRenderer

			className="rdg-light"
		/>)