shadcnのSliderで値が変更できない

はじめに

shadcnを使って値を更新するのに時間がかかったのでまとめておきます

問題

以下のコンポーネントを利用して値の更新を実装しました。

<Slider
  defaultValue={[150]}
  max={1000}
  step={50}
  onChange={(value: number[]) => setWordCount(value[0])}
/>

しかしなぜか値は更新できずChatGPTに聴いても上手く活きませんでした

解決方法

onValueChangeを使うことで更新が可能です

                    <Slider
                      defaultValue={[150]}
                      max={1000}
                      step={50}
                      onValueChange={(value) => setWordCount(value[0])}
                    />

おわりに

独自の名前にするならドキュメントに書いてほしいなと思ってしまいます。

参考