Curr with K M B T

curr.js

import React, { Component } from 'react';

class Curr extends Component {
  state = {
    successor: 0,
    roundingType: '',
  }
  
  componentDidMount() {
    const { value } = this.props;
    this.roundingValue(value);
  }
  
  roundingValue = value => {
    if (typeof value !== 'number') return '-';
    const roundingTypes = ['K', 'M', 'B', 'T'];

    let result = '-';
    let i = 0;
    let stop = false;
    while (stop === false) {
      const divider = 1000 ** (i + 1);
      if (value >= divider) {
        const successor = (value / divider).toFixed(2);
        result = { successor, roundingType: roundingTypes[i] };
      } else {
        stop = true;
      }
      i++;
    }

    this.setState({
      value: result.successor,
      roundingType: result.roundingType
    });
  };

  render() {
    const { successor, roundingType } = this.state;
    return (
      <>
        <Currency value={successor} />
        {roundingType}
      </>
    )
  }
}