así que tengo un cuerpo de mensaje de sms que crea otro segmento si el carácter supera los 160 pero, lamentablemente, el cursor no se mueve al segmento recién creado.

 const [cursor, setCursor] = useState(0); useLayoutEffect(() => { if (showSegmentsTabs.includes(tabType) && activeTarget) { activeTarget.selectionStart = cursor; activeTarget.selectionEnd = cursor; } }); return ( <ActiveMessageTabComponent {...props} {...field} onFocus={handleLastActiveField(field.name)} cursor={cursor} setCursor={setCursor} onChange={(...params) => { const [event] = params; if (tabType === 'sms') { const smsText = getSmsText(values, activeLanguageTab); if ( _.get(event, 'nativeEvent.data') && smsText.length >= maxInputLengthConfig[tabType] ) { return; } } field.onChange(...params); const input = event.target; const cursor = input.selectionStart; setCursor(cursor); }} /> ); }} </Field> ); };

El código anterior se usa para representar el cuadro de texto y se creará un nuevo segmento de sms basado en la entrada del usuario. Creo que intenté agregar el enfoque automático como una propiedad mientras se procesaba, pero el cursor no avanza. ¿Puede alguien ayudarme a implementarlo? el cursor de manera que se mueva junto con la entrada del usuario.