Владимир

IDE все правильно говорит.
Вообще самое простое что можно использовать для асинхронщины в редакс - https://github.com/reduxjs/redux-thunk

https://codesandbox.io/s/late-violet-m53z4?file=/s...

Очевидно же, обернуть setInterval в промис и кинуть результат в resolve
При этом в твоем коде нужно чистить не только clearInterval но и clearTimeout, даже если второй игрок умрет тоже то с промисом ты это не отследишь, resolve выаолняется только один раз. Поэтому если один игрок умер, нет смысла ждать завершения второго setTimeout, не вижу вообще смысла разносить это в разные setTimeout если первый всегда бьет первым

Не понял только зачем дублировать вопрос слегка изменив код.

Почитайте документацию по промисам, у вас куча говна в коде.
Зачем async в вашем случае, зачем await? Вы точно понимаете как их использовать?
Моя рекомендация, забыть о них на какоето время и научиться писать рабочий код на чистых Promise и только когда это все поймете, можно попробовать вернуться к async и await.

if (firstFighterHealth <= 0) {
        winner = secondFighter;
        clearInterval(intervalId);
        resolve(winner);
        // console.log(winner.name);
        // return winner;
      } else if (secondFighterHealth <= 0) {

У вас выигрывает или первый игрок или второй, третьего не дано, зачем тут else if? Используйте обычный else

let damage = getDamage(firstFighter, secondFighter);
if (damage > 0) {

Два раза похожий код, зачем повреждения выносить в переменную, почему не написать
if (getDamage(firstFighter, secondFighter) > 0)
if (getDamage(secondFighter, firstFighter) > 0)
Почему в функцию getDamage третим параметром не передать текущий урон, и убрать логику блокирования в общую функцию, она ведь повторяется, можно сразу вернуть новый урон
firstFighterHealth = getDamage(firstFighter, secondFighter, firstFighterHealth )
secondFighterHealth = getDamage(secondFighter, firstFighter, secondFighterHealth )
Перед интервалом нужно сделать let firstFighterHealth = secondFighterHealth = 0;

montakarlo, Давай попробуем подумать.
У тебя в функции fight есть кусок кода

async function fight(){
  addKeysEvents();
  return new Promise((resolve) =>

  })
}

И почему то эта функция async хотя возвращает Promise это не логично, функции делают асинхронными чтобы в ней можно было делать await и работать с промисами как с обычными функциями
https://developer.mozilla.org/uk/docs/Web/JavaScri...
Потом, у тебя вызов addKeysEvents(); стоит выше return new Promise хотя логично запихнуть его внутрь, тогда addKeysEvents может вернуть промис, который зарезолвится когда жизни будет меньше нуля
https://habr.com/ru/company/mailru/blog/269465/
если таки оставить fight с async, можно убрать конструкцию return new Promise((resolve) =>
и использовать await а промис оставить только в addKeysEvents

Так как вы пишите не должно работать, все правильно ругается консоль. Почитайте учебник. Learn JavaScript ru

Звучит стремно, массив менять и кидать туда сюда, может вырасти в неподдерживаемого монстра.
Посмотрите в сторону https://ngrx.io/

Я бы вешал событие на враппер и использовал делегирование (event.target)
https://learn.javascript.ru/event-delegation
Ну или в цикле

const objToFilter = {
  "id1": {
    "game": 1,
    "name": "name"
  },
  "id2": {
    "game": 2,
    "name": "name2"
  },
}
const desiredObject = objToFilter[Object.keys(objtoFilter).filter(key => objToFilter[key].game === 2)]
console.log(desiredObject)

Погугли react styled component, должно помочь
https://styled-components.com/docs/basics

У вас какойто срач а не кусок кода
Вот тут

var mesdelete = document.getElementById("1");
    mesdelete.addEventListener("click", delete_message);
    function delete_message(){
        var messID = mesdelete.id;
       ...
    }

У вас ванильный JS без jquery, при этом внутри события delete_message вы вполне себе имеете доступ к элементу mesdelete через this но почемуто вяжете получение messID на глобальную переменную, значение в которой к моменту выполнения скрипта вполне себе может поменяться
Внутри события вы херачете

$(document).ready(function(){
                ...
            });

$(document).ready это тоже событие, при чем контролируется через jquery и выполняется в момент загрузки документа https://api.jquery.com/ready/ откройте доку почитайте как выдумаете, на момент клика по элементу с ID 1 страница загружена или нет? Обычно в ванильном js весь код, который работает с визуалкой помещают в window.onload или $(document).ready если jquery, но смысл писать ивентхендлер в ивент хендлере мне не ясен.
При этом в вашем отрывке не видно ни что стоит до этого чуда, ни самого html кода, поэтому совершенно не ясно что вы пытаетесь выбрать вот тут var mesdelete = document.getElementById("1"); и есть ли у вас этот элемент

https://developer.mozilla.org/ru/docs/Web/API/Web_...

Ну там прямым текстом написано, что у вас нет rsync
Гуглите rsync windows

если посмотреть на пример, то для FixedSizeList в качестве дочернего компонента указывается не список строк, а одна строка, а в компоненте Row в качестве пропсов поступает индекс элемента, и по нему нужно отдавать нужные данные

const Row = ({ index, style }) => (
  <div style={style}>Row {index}</div>
);

Странное решение, ну уж какое есть

Гугли слова декартовы координаты полярные и перевод. Неужели даже названия из школы не запомнил?

Фильтровать нужно в рендере, а в стейт сохранять условия.

https://whatcms.org/