React Material-UI ページネーションの切替ができない

前提

Material-UI　Paginationを使用
https://mui.com/material-ui/react-pagination/

取得したデータを10件ずつ表示させてページネーションで画面を切り替えています。

実現したいこと

(ボタンをクリックして取得するデータを切り替え)→stateを更新して画面に表示させるデータを変更した際にページネーションの番号も一緒に１に戻したい。

発生している問題・エラーメッセージ

ページネーションの1以外の番号を選択しているときに条件を切り替えてstateを更新するとページネーションの番号が変わらない。

該当のソースコード

  const per=10;
  const[pages,setpage]=useState(0)

  const dd=(data,index)=>{
    setpage((index-1)*per)
        }

  const ddd=()=>{
    // データを最初から表示させることは成功。ページネーションの番号のみ変わらない
    // ここでページネーションの番号も１に戻したい
setpage(0)

        }

        const ggg=()=>{
// ここで選択されるページネーションの番号が操作できそうです。
        }

return(

<Pagination
       color='primary'
       onChange={dd}
   getItemAriaLabel={ggg}
       />

       <button onClick={ddd}>1に戻す</button>
)