Convergence with react-codemirror2

Hey there!
I am creating a demo editor with react-codemirror2 and convergence. The problem is that whenever I type something as first participant, something else is being typed on the side of the second participant.

Screen of participant 1 and 2:-

Code:-

Hi,

I’d like to add collaborative functionality to my project in which I use react-codemirror2. Would you share your complete code?

Thanks,