Если нужно просто убрать дубликаты, то:
return (
<div>
{countryNames && countryNames.filter((item, index, array) => {
return index > 0 ? item.COUNTRY_NAME !== array[index - 1].COUNTRY_NAME : true
}).map((vyvod) => {
let country = vyvod.COUNTRY_NAME
return <div> {country}</div> // НЕ ЗАБЫВАЕМ ПРО KEY!!!
})}
</div>
);
Если же нужно убрать дубликаты в стейте, то:
.then((res) => {
setCountryNames(() => {
return res.DATA.filter((item, index, array) => {
return index > 0 ? item.COUNTRY_NAME !== array[index - 1].COUNTRY_NAME : true
})
})
})