reactjs - Material-UI TextField をマスクするにはどうすればよいですか?

Question

短い形式の電話番号用の TextField があります。そして、このフォーム フィールドを (0)xxx xxx xx xx のようにマスクします。

Material-UIでreact-input-maskプラグインを使用しようとしています。しかし、入力値を変更したい場合、これはメインの TextField を更新していません。

        <TextField
          ref="phone"
          name="phone"
          type="text"
          value={this.state.phone}
          onChange={this.onChange}
        >
          <InputMask value={this.state.phone} onChange={this.onChange} mask="(0)999 999 99 99" maskChar=" " />            
        </TextField>

実際、Material-UI でのマスキングに関するドキュメントは見つかりませんでした。別のプラグインでどのように使用できるかを理解しようとしています。