как при замене в textarea через регулярку сохранить позицию курсора? Сейчас при наборе текста,если встречается 2(два) в тексте она заменяется на 3 и курсор перепрыгивает в конец, если нету 2 то не перепрыгивает. https://codesandbox.io/s/nifty-haze-rb7kp
import React, { useState, useEffect } from "react";
import "./styles.css";
export default function App() {
const [text, setText] = useState("");
useEffect(() => {
setText(text.replace("2", "3"));
}, [text]);
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<textarea value={text} onChange={e => setText(e.target.value)} />
<br />
{text}
</div>
);
}