reactjs - タイプスクリプトのreact-use-gestureの基本的な例では、タイプエラーが発生します

Question

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

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

set((i) => { 
    if (i < index.current - 1 || i > index.current + 1)
        return { display: 'none' };
    const x = (i - index.current) * window.innerWidth + (down ? mx : 0);
    return { x, display: 'block' };` 
});

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

この呼び出しに一致するオーバーロードはありません。オーバーロード 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 でどのように見えるべきですか?

ありがとう！