React-calendar-timeline: ItemRenderer is not working

[pvtran1995]

Describe the bug
I can't use itemRenderer. Original example is not working
https://codesandbox.io/s/04l9x67qxv
Please help me!

Screenshots

[gachavez]

You have to pass in getItemProps() in div tag like this

itemRenderer = ({ item,getItemProps }) => { return ( <div {...getItemProps()} > <span style={{ fontWeight: 600 }}>Hack:</span> <span style={{ textDecoration: "underline" }}>{item.title}</span> </div> ); };

Also, shouldn't this be posted in stack overflow?

[pvtran1995]

You have to pass in getItemProps() in div tag like this

itemRenderer = ({ item,getItemProps }) => { return ( <div {...getItemProps()} > <span style={{ fontWeight: 600 }}>Hack:</span> <span style={{ textDecoration: "underline" }}>{item.title}</span> </div> ); };

Also, shouldn't this be posted in stack overflow?

Thanks for your help.
Author should update div {...getItemProps()} in codesandbox example
.

Thank you very much.

[Ilaiwi]

Yup! I should. I will update it then close this issue to keep track

[acemac]

@Ilaiwi to jump in on this one. The default item renderer seems to have changed behaviour.

Previously, the item's text would be this.itemTitle, now it is this.itemDivTitle

Previously the item's div title (the tooltip) would be this.itemDivTitle, it is now not set.

[Ilaiwi]

@acemac yes you are correct my bad. I will keep this open then, but if you would like to create another issue with a codesandbox example that would be appreciated.

[Ilaiwi]

released in 0.22.0