JSFiddle - React, Tailwind, and code Playground

JavaScript

let arr = [
	{"A7" : [14, 2]},
	{"A8" : [17, 2]},
	{"A9" : [17, 8]},
	{"A10": [20, 8]},
	{"A1" : [ 2, 2]},
	{"A4" : [ 8, 2]},
	{"A3" : [ 5, 2]},
	{"A5" : [ 8, 8]},
	{"A6" : [11, 2]},
	{"A2" : [ 2, 8]}
];

arr.sort((a,b) => {
	a = Object.values(a)[0];
	b =  Object.values(b)[0];
	if (a[0] > b[0]) return 1;
	if (a[0] == b[0]) return (a[1] > b[1]);
	if (a[0] < b[0]) return 0; 
});

console.log(arr);