[BUG]: Does not work with outside variables

Describe the bug The value of variables is locked in the function passed to the onClick handler of <ControlledEditor>. Check the code snippet and screenshots to repro the bug.

To Reproduce

Type in the editor and check console to reproduce the bug: Run it here: https://codesandbox.io/s/hopeful-dubinsky-kdl3j

import React, { useState } from "react";
import { ControlledEditor } from "@monaco-editor/react";
import './App.css';

export function B({onChange}) {
	return <ControlledEditor onChange={onChange}/>;
}

export function A() {
	const [state, setState] = useState('');

	function handleChange(e, v) {
                // [BUG]: Initial value of state is logged every time, despite it value being updated via setState
		console.log(v, ',', state);
		setState(v);
	}

	return (
		<div className="editor">
			<B onChange={handleChange}/>
		</div>
	);
}

It works as expected when used with the inbuilt <textarea/> component.

Expected behavior Updated value of state should get logged, but actually initial value is logged every time. Please check the screenshot for current and expected behavior.

Screenshots

1. with <ControlledEditor> [BUG]
2. with <textarea> [Expected output]

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: 84

[urish]

I can confirm the new version fixes the issue for me. Now I can finally use monaco in the Arduino Library samples page.

Thank you! 🙏

[suren-atoyan]

Okay, let me think about it, I will inform you here or send you an email if I find a solution for that.