react-text-mask focus workaround

MaskedInput.jsx

import React from 'react'
import TextMask from 'react-text-mask'

export default class CustomTextMask extends TextMask {
    render() {
        const {value, ...props} = this.props
        return (
            <input
                {...props}
                onFocus={this.onFocus}
                onBlur={this.onBlur}
                onInput={this.onChange}
                defaultValue={value}
                ref={inputElement => this.inputElement = inputElement}
            />
        )
    }

    onChange = (e) => {
        super.onChange(e)
        this.onFocus(e)
    }

    onFocus = () => {
        if (this.inputElement.value)
            return
        setTimeout(() => {
            this.inputElement.value = ' '
            this.textMaskInputElement.update()
        }, 0)
    }

    onBlur = () => {
        if (this.props.value)
            return
        setTimeout(() => {
            this.inputElement.value = ''
            this.textMaskInputElement.update()
        }, 0)
    }
}