Format price using Intl.NumberFormat

formatPrice.js

const formatPrice = ({
  price,
  fraction = 2,
  currency = 'USD',
  currencyDisplay = 'symbol', // 'narrowSymbol' is not supported by Safari yet
  locale = 'en-US',
  signDisplay = 'auto',
  ...props
}) => {
  if (isNaN(Number(price))) {
    return price
  }
  return new Intl.NumberFormat(locale, {
    style: 'currency',
    currency,
    currencyDisplay,
    signDisplay,
    minimumFractionDigits: fraction,
    maximumFractionDigits: fraction,
    ...props
  }).format(price)
}