Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

@yamazaki_sensei

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?