tanstack table | how can i make one cell update other cells in the same row

export const columns = [
    {
      id: 'domain',
      header: 'Domain',
      accessorKey: 'domain',
      cell: ({ row }) =>
        renderComponent(RowIconLabel, {
          image: row.original.site,
          label: row.original.domain,
          shape: 'size-6',
        }),
    },
    {
      id: 'site',
      header: 'Site',
      accessorKey: 'site',
      cell: ({ row }) => {
        const domainId = row.original.id;
        return renderComponent(SiteSelect, {
          site: domainSelections[domainId]?.site || row.original.site,
          method: domainSelections[domainId]?.method || row.original.method,
        });
      },
    },
     {
      id: 'method',
      header: 'Method',
      accessorKey: 'method',
      cell: ({ getValue }) =>
        renderComponent(Badge, {
          children: createRawSnippet(() => ({
            render: () => `<span>${getValue()}</span>`,
          })),
        }),
    }
]