JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

var data = {
"1":["Вася", "Васин"],
"2":["Петя", "Петров"],
"3":["Саша", "Сашов"],
"4":["Миша", "Мишов"],
"5":["Антон", "Антонов"]
}
var out = "";

const array = Object.keys(data).map(id => ({id, data: data[id]}));

out = array.sort((a, b) => { 
	const nameA = a.data[0];
  const nameB = b.data[0];
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }
  }).map(item => `<li>${item.data}</li>`);

document.querySelector("div").innerHTML = out;