Error using ListItem

[ghost]

While using the new version of ListItem this bit of code resulted in the following error uncaught Error: Invariant Violation: ReactMount: Two valid but unequal nodes with the same data-reactid
Note that this ListItem itself was nested in other lists and cards. Funny thing is the same code worked with the earlier version of material-ui. Just wondering what changed and what I can do to fix this?

<div>
    <ListItem
        secondaryText = {<p> secondaryText </p>}
        disableTouchTap = {true}
        rightIconButton={options}
        style = {
            {
                fontSize : 16,
                lineHeight : "16px",
                backgroundColor : Colors.green50
            }
        }>
            <p>ABCD</p>
                <p>XYZ</p>
    </ListItem>
</div>

[cgestes]

looks like a duplicated key somewhere.

If you remove one of the p it works again?

[jkruder]

@vig9295 I just copied your code and dumped it into the list doc page and the only thing I had to do is remove the rightIconButton=... line because I don't know what options is. Can you provide the entire file? Or at least your render method? It could be something wrapping the <div> you provided.

[ghost]

I tried removing the rightIconButton and it doesnt work still. The moment I remove the ListItem and put in something else it starts to work. There's nothing wrapping the divs in this file. This structure fits into a Card which is inside a List. It doesnt work even when removing one of the p tags.

[brennanreese]

I also am having issues nesting list items under other list items. Even the basic example on the docs page doesn't work for me.

[alitaheri]

@vig9295 Are you still experiencing this issue?

[alitaheri]

I'm closing this, it seems to be abandoned. feel free to reopen if it persists 😁