react-component/slider の exampleに騙された話

初めに

react-component/slider を ↓ のexample通りにTypeScriptで使ったら、 maximumTrackStyle なんてpropは無い、と怒られてビルドが通らなかった。
https://github.com/react-component/slider/blob/master/examples/slider.js#L161

(※ 出したPRがマージされたので現時点では既に問題無い)

やったこと

$ yarn add rc-slider
$ yarn add --dev @types/rc-slider

import Slider from 'rc-slider'

<Slider maximumTrackStyle={{ backgroundColor: 'rgba(0, 0, 0, 0)' }} />

などとすると、tscに怒られる。

$ yarn tsc
Property 'maximumTrackStyle' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Slider> & Readonly<SliderProps> & Readonly<{ children?: ReactNode; }>'.

139             <Slider
                 ~~~~~~

原因

exampleが古かった。↓ に、deprecatedになるからそのpropは使うな、と書いてある。

結局

trackStyle / railStyle を使うようにしたら無事ビルドが通った。
せっかくなので修正するPRを出しておいた。

終わりに

OSSの管理をちょっとサボると結構困る人がいる、ということを目の当たりにする良い機会だった。

(追記)

マージされてた。早い。
https://github.com/react-component/slider/pull/552