問題タブ [react-spring]

このドラッグ アニメーションを typescript で使用しようとしていますhttps://codesandbox.io/s/viewpager-sq9ud

そして、私はこの行で立ち往生しています:

そして、それは私にこのエラーを与えます:

この呼び出しに一致するオーバーロードはありません。オーバーロード 1 of 2、「(ds: Partial> | undefined; onRest?(ds: Partial>): void; }>>): void」で、次のエラーが発生しました。型の値 '(i: any) => { display: string; x?: 未定義; } | { x: 番号; 表示: 文字列; タイプ 'Partial> | }' と共通のプロパティはありません。未定義; onRest?(ds: Partial>): void; }>>'. 呼ぶつもりだったの？オーバーロード 2 of 2, '(i: number): Partial> | 未定義; onRest?(ds: Partial>): void; }>>'、次のエラーが発生しました。タイプ '(i: any) => { display: string; の引数 x?: 未定義; } | { x: 番号; 表示: 文字列; }' は型 'number' のパラメーターに代入できません.ts(2769) Carousel.tsx(127, 11): この式を呼び出すつもりでしたか?

この set 関数は typescript でどのように見えるべきですか?

ありがとう！

反応春でクリックしたときにアイコンを変更したい。たとえば、「」をクリックすると、「」に変わります。react spring のドキュメントでは、transition props で作ることができますが、onClick で切り替えるにはどうすればよいですか?

https://www.react-spring.io/docs/props/transition

次のコードは、react spring によって提供されます

react-springシンプルなギャラリーアニメーションを作成するために使用しています。画像が右から表示され、左に向かってスムーズに移行するようにします。ただし、ここに示すように、ぎくしゃくした動きを取り除くことはできないようです。

コードは次のとおりです。