JS(in React) input 가격표시 (3자리 마다 콤마)

import React, { useState } from "react";

export default function App() {
  const [num, setNum] = useState(0);

  const inputPriceFormat = (str) => {
    console.log("s", str);
    const comma = (str) => {
      str = String(str);
      return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, "$1,");
    };
    const uncomma = (str) => {
      str = String(str);
      return str.replace(/[^\d]+/g, "");
    };
    return comma(uncomma(str));
  };

  return (
    <div className="App">
      <input
        type="text"
        value={num}
        onChange={(e) => setNum(inputPriceFormat(e.target.value))}
      />
      <button
        onClick={(e) => {
          // ,를 뺀 원본 숫자 데이터를 얻기 위함
          console.log(num.split(",").reduce((curr, acc) => curr + acc, ""));
        }}
      >
        test
      </button>
    </div>
  );
}