tanstack table | how do i render <CompA>getValue()</CompA>

    {
      id: 'Rank',
      header: 'Rank',
      accessorKey: 'rank',
      cell: ({ getValue }) =>
        renderSnippet(
          createRawSnippet(() => ({
            render: () => `<div class="text-left">#${getValue()}</div>`,
          })),
        ),
    },

// or
    {
      id: 'Status',
      header: 'Status',
      accessorKey: 'timestamp',
      cell: ({ getValue }) => renderComponent(StatusLabel, { timestamp: getValue() }),
    },

// or even
    {
      id: 'Site Method',
      header: 'Site Method',
      accessorKey: 'site',
      cell: ({ row }) =>
        renderComponent(Site, {
          site: row.original.site,
          method: row.original.method,
          layoutVariant: 'siteMethod',
        }),
    },