change query schema editor to monaco-editor

Encountered a strange problem, No adjustment can make the editor effective on this page Can someone help to see what's going on?
Is it because monaco conflicts with codemirror?

However, the monaco editor still does not work after I have commented all the references to the codemirror..
@hishamco @Skrypt Can you help me look at this problem?
No adjustment can make the editor effective on this page
Can we see a screencast of the actual issue to define what it is?
https://user-images.githubusercontent.com/15613121/191302632-f79c9c22-3fd4-4abe-8810-0a232fd6801d.mp4
This is a clearer version
https://user-images.githubusercontent.com/15613121/191303275-9b922f85-d421-4a22-8c34-fc57b655daa0.mp4
🤣Done , I have to change the editor container to div instead the textarea
