Objects are not valid as a React child (found: object with keys {closeElement} Ошибка

Error: Objects are not valid as a React child (found: object with keys {closeElement}). If you meant to render a collection of children, use an array instead.

Ошибка возникает когда вы хотите передать объект напрямую в JSХ, в моем случае проблемы была в фигурных скобках вокруг closeElement, который является JSX-элементом и определен как-то так:

 const closeElement = backRoute ? 
    <NavLink to={backRoute}> {closeElementView} </NavLink> : '';

неправильно:

{backRoute ?
    {closeElement} 
  :
    <span className="close" onClick={onCloseCallback}>×</span>
}

правильно:

{backRoute ?
    {closeElement} 
  :
    <span className="close" onClick={onCloseCallback}>×</span>
}