onChange handler should not fire when props change

Hi, I am having an issue when trying to update some props from elsewhere in the app, that impact the value prop for CodeMirror. See the code below. There is a rather lengthy discussion on another wrapper here (https://github.com/scniro/react-codemirror2/issues/29) that somewhat describes this issue. Wondering if you had a clean work around, or way we can handle this in the component vs outside?

const Test = () => {

    const [state, setState] = useState({
        test:"value",
        editorValue:"Placeholder"
    })

    const changeState = () => {
        setState({test:"updated value", editorValue:"Updated Placeholder"})
    }

    return (
        <>
        <button onClick={changeState}>Change State</button>
        <CodeMirror
            value={state.editorValue}
            height="75vh"
            extensions={[xml({ jsx: true })]}
            onChange={(value, viewUpdate) => {
                setState({...state, editorValue: value )
            }}
        />
        <div>{JSON.stringify(state)}</div>
        </>
    )
}


export default Test

No repository file or test is named. Start by reproducing the supplied React example with CodeMirror's value prop and onChange handler, then trace the component's prop-update path; done means external prop changes update the editor without firing onChange unexpectedly.