Mixed mask with numbers and letters not working

Hello everyone.

I’m trying to create a TextInputMask with the following mask

[AAA]-[0000]

(this is the pattern for vehicles license plate here in brazil)

But when i type the input field behaves like this:

Here is my code:

<TextInputMask
    keyboardType='default'
    refInput={ref => { this.TEXT_INPUT_REF = ref; }}
    returnKeyType='go'
    placeholder={Texts.Placeholders.LICENSE_PLATE} /* AAA-0000 */
    style={styles.inputField}
    onChangeText={text => this.props.writeVehicle(text)}
    value={this.props.vehicle}
    autoCapitalize='characters'
    mask={Texts.Masks.LICENSE_PLATE} /* [AAA]-[0000] */
/>

[BanidAzin]

Thanks @sterfanno , but still I am getting an error, the value is duplicating

import React, { Component } from 'react';
import { TextInputMask } from 'react-native-masked-text';
import { Item, Form, Label, Text, } from 'native-base';

class AddScreen extends Component {
    constructor(props) {
        super(props);
    this.state = {
        vehiclenumber: '',
    };
}
  componentDidMount() {
      this.input.setNativeProps({
          text: this.state.vehiclenumber
      });
  }
    onVehicleNumberChange(text) {
        this.setState({
            vehiclenumber: text,
            error: '',
        });
        this.componentDidMount();
    }
render() {
        return (
         <View style={styles.containerStyle}>
           <Form style={styles.formStyle}>
              <Item
                 stackedLabel
                 style={styles.itemStyle}
              >
                 <Label
                    style={styles.labelStyle}
                 >
                     Vehicle Number
              </Label>
              <TextInputMask
                refInput={ref => { this.input = ref; }}
                style={{ 
                    color: 'white',
                    flex: 1,
                    flexDirection: 'row', 
                    width: '100%', 
                    paddingLeft: 10,
                    fontSize: 18, 
                }}
                type={'custom'}
                options={{ mask: 'AA99A-9999' }}
                onChangeText={this.onVehicleNumberChange.bind(this)}
              />
              </Item>
        </Form>
     </View>
    );
  }
}

Works fine on emulator, but this is the behaviour in real devices, don’t know what causing this, thanks in advance

[sterfanno]

import {TextInputMask} from 'react-native-masked-text'

<TextInputMask                                    
   autoCapitalize="characters"
   type={'custom'}
   options={{mask: 'AAA-9999'}}
   value={}
   onChangeText={} />