React(next.js)で、子コンポーネントでのstate変更に関して

【教えてもらいたいこと】
プログラミング/フロントエンド TypeScript React.js

【利用目的】
技術的な質問・相談

【具体的な相談内容】
【質問】
ページネーションを自作しています。
以下の記事を参考に親コンポーネントから子コンポーネントに渡した際、子コンポーネント側で変更した値を親コンポーネントで受け取りたいと思っています。
その際、typescriptの型エラーが発生して前に進めません。
解決できる方いらっしゃいましたら、教えていただけませんでしょうか？
https://qiita.com/akifumii/items/ec9fdb9dd7d649c2f3dc

【やろうとしていること】
ページネーションをコンポーネント化して、変更があればデータを再取得するということを考えています。
[前へ][selectbox][次へ]
という順番でselectboxの状態が変更されたら、該当のページ番号を変更する。
前へ、次へボタンを押されたら、次のページを表示するという具合です。
ページネーション作成の際のアドバイスなども頂けたらと思います。

よろしくお願い致します。

【希望相談スタイル】
技術的な質問・相談, ロードマップ・学習法相談

【目安予算】
3000円