Warning for missing "key" prop

Hello, I tried your library, which is great so far to replace JSX. I have an issue with the “key” property, as soon as I pass more than one component in the array of children, I have the warning that I need to add a “key” prop to each children. I’m pretty sure it’s not needed with JSX when you declare components without explicitly passing an array :

// key prop is added automatically I suppose ?
return (
  <div>
    <Component1 />
    <Component2 />
  </div>
)

So my question is, is it possible to add this key prop automatically ?

[davidpelaez]

We did upgrade, but removing the manual keys attribute shows the warning. Should I have these or not? Here’s for example a render that without the mnaul keys would complain:

render() : React.Element {
    let children = [];
    const groupsElements = this.buildTableGroups();
    children.push(
      div({ key: 'groups', className: styles.groups }, [groupsElements])
    );
    if (this.props.currentBill){
      children.push(
         TableDetail( { key: 'TableDetail', ...this.props.currentBill } )
      );
    }
    return section( { className: styles.board }, [ children ] );
  }
};

[davidpelaez]

Would anyone mind giving a sample into how to use it properly to avoid the keys warning? We are adding the key manually, but it feel wrong. I was looking through the issues to to see if there was something related and came to this, but unfortunately I cannot figure how to do it without manual keying of elements.