title: React Number Format adding suffix to the value
body: <p>How can I avoid react number format adding suffix to the value ?</p>
  <p>Here is a working example on Codepen with console.log
  <a href="https://codepen.io/Punisher49/pen/jOVoXqQ?editors=1011" rel="nofollow noreferrer">https://codepen.io/Punisher49/pen/jOVoXqQ?editors=1011</a></p>
  <pre><code>class App extends React.Component {
    constructor() {
      super();
      this.state = {
        value: &quot;&quot;
      };
    }
    render(){
    console.log(this.state.value)
      
      return (
        &lt;div&gt;
            &lt;NumberFormat thousandSeparator={true} value = {this.state.value} 
              onChange={ event =&gt; this.setState({value: event.target.value})} suffix={'$'} className=&quot;some&quot; inputmode=&quot;numeric&quot; /&gt;
        &lt;/div&gt;
      )
    }
  }
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('app'));
  </code></pre>
  <p>I can use <code>event.target.value.slice(0, -1)</code> but I think it is just a workaround, not a proper solution. Because I can have a long suffix or change suffix dynamically. In that case to support my solution will be problematic</p>