5 типичных ошибок при создании React компонентов (с хуками) в 2020 году

Доброго.
Конкретно в процитированном месте не так то, что во-первых проблемы-то и не было, а во-вторых решение ничего по сути не изменило)
А в целом не так то, что качественную статью найти всё сложнее, потому что рунет заполонили переводы, которые сделаны с целью посветить ссылкой на свою компанию, статей, которые написаны, чтобы посветить своим именем.

5 типичных ошибок при создании React компонентов (с хуками) в 2020 году

function HeaderInner({ menuItems }) {
  return isMobile() ? <BurgerButton menuItems={menuItems} /> : <Tabs tabData={menuItems} />;
}

Проблема:
При таком подходе компонент HeaderInner пытается вести двойную жизнь.

Решение:

function Header(props) {
  return (
    <header>{isMobile() ? <BurgerButton menuItems={menuItems} /> : <Tabs tabData={menuItems} />}</header>
  );
}

:facepalm:
Тот случай, когда статью для перевода выбирал не разработчик, а SMM