title: In react getting 'NaNaNaN.00' while using react-currency-format when the textbox is edited to blank i.e. "" by user
body: <p>I am using react and needed currency masking for my project. So I used npm package <code>react-currency-format</code> i.e. <a href="https://www.npmjs.com/package/react-currency-format" rel="nofollow noreferrer">https://www.npmjs.com/package/react-currency-format</a></p>
  
  <p>I used the following code:</p>
  
  <pre><code>&lt;NumberFormat
      thousandSeparator=","
      decimalScale={2}
      disabled={this.state.disableAmount}
      fixedDecimalScale
      prefix={currency ? currency.Symbol : ''}
      className="input__field input--small input-skin"
      onValueChange={amount =&gt; this.changeAmount(amount)}
      onBlur={this.overSellingWithLimit}
      value={selectedAmount}
  /&gt;
  </code></pre>
  
  <p>Initially, it looks good and works fine but when my user enters something and then backspace it to the blank then it gives <strong>NaNaNaN.00</strong>.</p>
  
  <p>Please find the screenshot</p>
  
  <p><a href="https://i.stack.imgur.com/GnQZp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GnQZp.png" alt="enter image description here"></a></p>
  
  <p>THANKS in advance.</p>