Animation of Numbers Formatted Corrupts Numbers

[kkerr1]

When transitioning between two strings that are formatted numbers, the numbers will lose digits, the code snippet below transitions between "1,324,050" and "2,000,000" and will result in 1,324,50 and 2,0,0. (Seems to drop leading zeros)

class App extends React.Component {
   constructor(props) {
    super(props);
    this.state = {
      data: this.getData(),
    };
  }

  getData(label) {
      return [{
        x: 1,
        y: 1,
        label,
      }];
  }

  componentDidMount() {
    let idx = 0;
    const nums = ["1,324,050", "2,000,000"];
    setInterval(() => {
      idx = idx ? 0 : 1;
      this.setState({
        data: this.getData(nums[idx]),
      });
    }, 2000);
  }

  render() {
    return (
      <VictoryScatter
        height={600}
        animate={{
          duration: 1000,
        }}
        data={this.state.data}
        style={{
            labels: {
                fontSize: 30
            }
        }}
      />

    );
  }
}

[boygirl]

It will be necessary to manually format number strings that contain commas, but leading zeros will no longer be dropped