Placing custom component

[Andonee]

How can I place my input component in a place where my cursor is (inline, between some text) not in new line?
I've seen some renderAfterEditable props but it doesn't work for me. My example code

[Andonee]

Solved this by adding isInline: true to createPluginFactory:

const createCustomInputPlugin = createPluginFactory({
key: "variable-node",
type: "variable-node",
isElement: true,
isVoid: true,
isInline: true,
component: CustomInput,
});