JSFiddle - React, Tailwind, and code Playground

JavaScript

const scores = {
    "green": 5,
    "red": 3,
    "blue": 8
};

const myData = [
    {
        "data": {
            "id": "green"
        }
    },
    {
        "data": {
            "id": "red"
        }
    },
    {
        "data": {
            "id": "blue"
        }
    }
];

myData.sort((d1, d2) => {
	return scores[d1.data.id] - scores[d2.data.id]
});

console.log(myData)