rx-recompose: props is `undefined` when trying to render HoC inside an array about recompose

[acdlite]

Can you show me the entire snippet, please?

[leesiongchan]

const mapProps$ = props$ => {
  const items$ = props$
    .map(props => props.items)
    .startWith([]);

  return Rx.Observable.combineLatest([
    items$,
  ], (items) => ({
    items,
  }));
};

const Item = ({ item }) => (
  <li>Hello, my name is {item.name}.</li>
);

const EnhancedItem = observeProps(mapProps$)(Item);

const List = ({ items }) => (
  <ul>
    {items.map(item => <EnhancedItem item={item} />)}
  </ul>
);

const items = [{
  name: 'Bruce Lee',
}, {
  name: 'Brad Pitt',
}, {
  name: 'Leonardo DiCaprio',
}];

const TestPage = () => (
  <div>
    Featured celebrities subscribed to our site:
    <List items={items} />
  </div>
);

And it looks ok in React debugging tool.

And here is the error message.

[acdlite]

Huh, that's weird....

Maybe there's something funky going on with Babel. What happens if you change Item to:

const Item = props => (
  <li>Hello, my name is {props.name}.</li>
);

If that still doesn't work, log the props object and see what's inside.

[leesiongchan]

Sorry is my typo for mapProps suppose to returns item not items. It works, but I will check again before close.

[acdlite]

Ah right, I see that now. Glad you figured it out.