Porušenie invariantu: Objekty nie sú platné ako potomok React

V mojej funkcii vykresľovania komponentov mám:

render() {
    const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => {
      return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>);
    });
    return (
      <div>
        ...
                <ul>
                  {items}
                </ul>
         ...
      </div>
    );
  }

všetko sa vykreslí v poriadku, avšak pri kliknutí na prvok <li> dostanem nasledujúcu chybu:

Uncaught Error: Invariant Violation: Objekty nie sú platné ako React child (found: object with keys {dispatchConfig, dispatchMarker, nativeEvent, target, currentTarget, type, eventPhase, bubbles, cancelable, timeStamp, defaultPrevented, isTrusted, view, detail, screenX, screenY, clientX, clientY, ctrlKey, shiftKey, altKey, metaKey, getModifierState, button, buttons, relatedTarget, pageX, pageY, isDefaultPrevented, isPropagationStopped, _dispatchListeners, _dispatchIDs}). Ak ste chceli vykresliť kolekciu detí, použite namiesto toho pole alebo zabalte objekt pomocou createFragment(object) z doplnkov React. Skontrolujte metódu vykresľovania Welcome.

Ak zmením this.onItemClick.bind(this, item) na (e) => onItemClick(e, item) vnútri funkcie map, všetko funguje podľa očakávania.

Ak by mi niekto mohol vysvetliť, čo robím zle a prečo dostávam túto chybu, bolo by to skvelé

UPDATE 1: Funkcia onItemClick je nasledovná a odstránenie this.setState má za následok zmiznutie chyby.

onItemClick(e, item) {
    this.setState({
      lang: item,
    });
}

Ale nemôžem odstrániť tento riadok, pretože potrebujem aktualizovať stav tohto komponentu