monaco-editor/react text drop doesn't work

I am using monaco-editor/react in my next.js application, the editor works fine. when I drag some text from outside the editro and drop it inside the editor, the text doesn't get inserted.

here is my code, did I make any mistake?

import Editor from '@monaco-editor/react';

export default function MyEditor(props){
    return (
        <Editor
          height="90vh"
          defaultLanguage="javascript"
          defaultValue="//some comment"
        />
    );
}