Material React Table V3.2.0、Next JS ：チェックボックスにチェックがつかない（再描画されない）

Question

実現したいこと

Material React Table V3.2.0を使用しているテーブルのオプションにenableRowSelection: trueに設定。
これにより表示されるチェックボックスのチェンジイベントでサーバー処理を行おうとした手前
そもそも、チェックボックスにチェックがつかない事象が発生しました。
HTMLの動きをみると、再描画の更新が走っていないことがわかりました。
特にコンソール上エラーは発生していません。

該当のソースコード

下記ソースコードよりヒントを頂ければ嬉しいです

'use client'

import React, { useState, useCallback , useRef } from 'react';
import {
  MaterialReactTable,
  useMaterialReactTable,
  type MRT_Row,
  type MRT_TableInstance,
} from 'material-react-table';

const data = [ // サンプルデータ
  { id: 1, name: 'John Doe', age: 25 },
  { id: 2, name: 'Jane Doe', age: 30 },
  { id: 3, name: 'Peter Pan', age: 18 },
];

const App = () => {
  const [rowSelection, setRowSelection] = useState({});

  const handleCheck = useCallback(
    (row: MRT_Row<any>, table: MRT_TableInstance<any>, checked: boolean) => {
      console.log("Event:",row);

      const newSelection = { ...rowSelection};
      newSelection[row.id] = checked;

      console.log("RowSelection:",rowSelection);
      console.log("NewSelection:",newSelection);

      setRowSelection(newSelection);// ここで再描画されることを期待してる
    },    
    [rowSelection],
  );

  const columns = [ // カラム定義
    {
      accessorKey: 'name',
      header: 'Name',
    },
    {
      accessorKey: 'age',
      header: 'Age',
    },
  ];

  const table = useMaterialReactTable({
    columns,
    data,
    enableRowSelection: true, // 行選択機能を有効にする
    muiSelectCheckboxProps: (props) => ({
      onChange: (event, checked) => {
        handleCheck(props.row, props.table, checked);
      },
    }),
  });

  return (
    <MaterialReactTable table={table} />
  );
};

export default App;

補足情報（FW/ツールのバージョンなど）

material-react-table: ^3.2.0
@mui/material: ^6.1.8
@mui/material-nextjs: ^6.1.8