React исправить работу асинхронной функции

Здесь примитивное приложение на react с минимумом кода. Из родительского компонента переменная состояниря и сеттер передаются в два дочерних компонента. В одном из них эта переменная отображается, в другом обновляется при клике. В обработчике клика нужно чтобы первое обновление произошло сразу (в таблице выводится 'pending'), и запустилась асинхронная функция, второе обновление произошло после отработки асинхронной функции. Сейчас первое обновление выполняется, второе - нет.