Expanding same row.

const table = useReactTable({
    data: [
      {
        created_at: "2024-10-13T08:12:10.881855+00:00",
        organization_id: "org_id",
        id: "id",
        data: {
          type: "log_type",
          company_id: "company_id",
          profile_id: "profile_id",
          /*
           other keys for details of log
          */
        },
      },
    ],
    columns: columns,
    getCoreRowModel: getCoreRowModel(),
    manualPagination: true,
    getSortedRowModel: getSortedRowModel(),
    getExpandedRowModel: getExpandedRowModel(),
    rowCount: 1,
    getRowCanExpand: () => true,
  });

export const columns: ColumnDef<IAuditLog>[] = [
  {
    accessorKey: "created_at",
    header: "Time",
    cell: ({ row }) => {
      const timezoneTime = fromUTC(new Date(row.original.created_at));
      return (
        <>
          {timezoneTime.date} {timezoneTime.time}
        </>
      );
    },
  },
  {
    accessorKey: "type",
    header: "Log Type",
    cell: ({ row }) => {
      return <>{row.original.data.type}</>;
    },
  },
  {
    accessorKey: "children",
    header: () => <>Expand</>,
    cell: ({ row }) => {
      return (
        <>
          {row.getCanExpand() ? (
            <Button onClick={() => row.getToggleExpandedHandler()}>
              {row.getIsExpanded() ? <ChevronUpIcon /> : <ChevronDownIcon />}
            </Button>
          ) : null}
        </>
      );
    },
  },
];

getRowCanExpand: () => true