（例）「金額入力フォーム」で４桁（９,９９９円）までしか入力させたくないとき。

onChangeで`e.target.value.length <= 4`の場合のみステートにセットする。

→ ４桁までしか入力できなくなる。（4桁までしかステートに保存できなくなる。）

<PriceForm
  label={
    <div>
      金額
      <br />
      <div className="ml-14 text-xs">（円）</div>
    </div>
  }
  placeholder="300"
  witdh="w-1/3"
  type="number"
  min={0}
  max={9999}
  value={price}
  onChange={(e) => {
    if (e.target.value.length <= 4) {
      setPrice(e.target.value);
    }
  }}
/>