textarea에서 커서가 text 뒤에 놓이게 하기

textarea에 autoFocus 속성만 적용하면 textarea 맨 앞에 커서가 위치하게 된다.

커서가 text 뒤에 놓이게 하려면 어떻게 할 수 있을까?

 <textarea
     className="text-sm my-2 text-soma-grey-60 outline-none resize-none"
     value={updatedText}
     onChange={(e) => setUpdatedText(e.target.value)}
     onFocus={(e) => {
        e.target.selectionStart = e.target.value.length;
     }}
     autoFocus
/>

onFocus={(e) => {e.target.selectionStart = e.target.value.length;}}

다음과 같은 속성을 추가하여 커서가 text 뒤에 놓이게 구현할 수 있다..!