Estoy usando el componente de campo de texto de máscara de reacción. Cuando hago clic en él, el cursor de entrada siempre aparece al final de la máscara. Cómo hacer que cuando la entrada esté enfocada, coloque ese cursor en el inicio

 <MaskedInput type="text" name="phone" value={userInfo.phone || ''} onChange={setUserInfoField} onBlur={validatePhone} mask={phoneMask} className="form-field" showMask required autoComplete="tel" />