Render React Component Next to ListItem Nodes

[morteymike]

Hello,

I would like to render a React component adjacent to each ListItem in the playground editor. How can I achieve this?

I am thinking there are a couple options:

1. Override the ListItem node completely (not preferred)
2. Find all ListItem nodes in the editorState. Then create a Plugin that can add a React Portal for each item.

What's the easiest way to achieve this?

2 seems to be the easiest, but I am only able to find examples of createPortal used on a selection, so I am struggling to find a good solution here.

Any help here is much appreciated, and thank you all for the great work!