JSFiddle - React, Tailwind, and code Playground

JavaScript

var data = {"results":[{"__metadata":{"uri":"https://bla.com/services/service.xsodata/Usergroup(1)","type":"workshop.services.UsergroupType"},"ID":1,"NAME":"Admin","User":{"__deferred":{"uri":"https://bla.com/<services></services>/service.xsodata/Usergroup(1)/User"}}},{"__metadata":{"uri":"https://bla.com/services/service.xsodata/Usergroup(2)","type":"workshop.services.UsergroupType"},"ID":2,"NAME":"Standarduser","User":{"__deferred":{"uri":"https://bla.com/services/service.xsodata/Usergroup(2)/User"}}},{"__metadata":{"uri":"https://bla.com/services/service.xsodata/Usergroup(3)","type":"workshop.services.UsergroupType"},"ID":3,"NAME":"Consultant","User":{"__deferred":{"uri":"https://bla.com/services/service.xsodata/Usergroup(3)/User"}}},{"__metadata":{"uri":"https://bla.com/services/service.xsodata/Usergroup(4)","type":"workshop.services.UsergroupType"},"ID":4,"NAME":"Leergruppe","User":{"__deferred":{"uri":"https://bla.com/services/service.xsodata/Usergroup(4)/User"}}}]};
				
var userDataUrl;
				
$(data.results).each(function(key,val) {
	userDataUrl = val.User.__deferred.uri + '?$format=json';
	$.get(userDataUrl, '', function(res) {
		var i = 0;
		$(res.d.results).each(function(key2, val2) {
			val[i] = {};
			val[i].ID = val2.ID;
			val[i].NAME = val2.USERNAME;
			i++;
		});
    }, 'json');
					
	delete val['__metadata'];
	delete val['User'];
});