onCell, onHeaderCell not working

rc-table version: 7.7.2

issue 1:

onCell={(record, index) => {
  return {
    onClick: () => {
      console.log('click');
    },
  };
}}
onHeaderCell={(column) => {
  return {
    onClick: () => {
      console.log('click');
    },
  };
}}

I add those code to the Table components, but i can't see the click output.

issue 2:

If i customize the table components, like bellow, then i add some customize property

const SelfCell= (props: any) => {
  console.log(props);

  return <th {...props} />;
};

const components = {
  header: {
    cell: SelfCell,
  },
  body: {
    cell: SelfCell,
  },
};

onCell={(record, index) => {
  return {
    test: index
  };
}}
onHeaderCell={(column) => {
  return {
    test: column
  };
}}

After the cell renderd, I can't see the 'test' property be output in the props.

Start by tracing how onCell and onHeaderCell are handled when rendering header and body cells, then compare that path with the custom components example. Verify the click handlers are attached and that returned properties such as test reach SelfCell props; the issue is resolved when both behaviors work.