SeventimeSsS

finalRes у вас типа целого числа в данной ситуации. У него не будет метода indexOf. Нужен финт ушами, чтобы принудительно преобразовать его в строку:
let finalRes = item.number + "";
PS: Ставите ; в строках JS, игнорирование их может сыграть злую шутку.

const arr = [
  { name: "А" },
  { code: 1, name: "Адыгея, Респ.", capital: "Майкоп" },
  { code: 104, name: "Азербайджан", capital: "" },
  { name: "Б" },
  { code: 2, name: "Башкортостан, Респ.", capital: "Уфа" },
  { code: 3, name: "Таганрог", capital: "" },
  { code: 5, name: "Сочи", capital: "" },
  { code: 105, name: "Беларусь", capital: "" },
  { name: "В" },
  { code: 33, name: "Владимирская обл.", capital: "Владимир" },
  { code: 34, name: "Волгоградская обл.", capital: "Волгоград" },
  { code: 35, name: "Вологодская обл.", capital: "Вологда" }
];

for (let i = 0; i < arr.length; i++) {
  if (!arr[i].code) continue;

  if (!arr[i - 1].code) {
    arr[i].position = "top";
  } else if (i + 1 === arr.length || !arr[i + 1].code) {
    arr[i].position = "bottom";
  } else {
    arr[i].position = "center";
  }
}

console.log(arr);

arr.reduce((acc, n, i, a) => (
  a[i - 1]?.name[0] !== n.name[0] && acc.push({ name: n.name[0] }),
  acc.push(n),
  acc
), [])

или

arr.flatMap((n, i, a) =>
  i && a[~-i].name[0] === n.name[0]
    ? n
    : [ { name: n.name[0] }, n ]
)

const uniqueItems = (array) => {
  const blacklist = {};

  return array.filter((item) => {
    const blacklistKey = JSON.stringify(item);

    if (!blacklist[blacklistKey]) {
      blacklist[blacklistKey] = true;

      return false;
    }

    return true;
  });
};

1 вариант

[...new Map(arr.map((item) => [item["key"], item])).values()]

2 вариант

const uniqueIds = [];
arr.filter(element => {
  const isDuplicate = uniqueIds.includes(element.key);

  if (!isDuplicate) {
    uniqueIds.push(element.key);

    return true;
  }

  return false;
});

3 вариант
https://docs-lodash.com/v4/uniq-by/

4 вариант

Object.values(
  arr.reduce( (c, e) => {
    if (!c[e.key]) c[e.key] = e;
    return c;
  }, {})
);

5 вариант

const unique = (arr, key) => {
   const keys = new Set();
   return arr.filter(el => !keys.has(el[key]) && keys.add(el[key]));
 };
unique(arr, 'key')

По каким полям нужно сравнивать, можешь допилить сам.

filter
includes

const filteredValues = favoritePlaylist.filter(el => arr.includes(el.our_id));

console.log($(".thumbs").children().length)

срабатывает дважды, а в последующие разы увеличивается в разы

Всё правильно, получаете то поведение, какое описали, новое значение focus - новый обработчик:

useEffect(() => {
    window.addEventListener('keydown', onKeyPress);
}, [focus])

Старый-то вы не удаляете.

А вообще, есть способ получать актуальное значение focus без создания нового обработчика, так что вам и одного хватит:

useEffect(() => {
  const onKeyDown = e => {
    if (e.key === 'ArrowRight') {
      setFocus(focus => focus + 1);
    }
  };

  window.addEventListener('keydown', onKeyDown);
  return () => window.removeEventListener('keydown', onKeyDown);
}, []);

<img src={star} alt="star" onClick={() => addFavoriteChanel(index)} id={index} className={`star ${favorite <b>=== index</b>  ? 'active' : ''}`} />

const [favorite, setFavorite] = useState(0);

const addFavoriteChanel = (index) => {
        if(favorite === index) { 
            setFavorite(0);
        } else {
            setFavorite(index)
       }
    }