Server Component with Columns Cell property

Hi, I'm using nextjs 14 with server components.

I do all the pagination server side and it works great, but I would like to also have columns array and the cell property as server component.

What is the best way to achieve that?

Example:

const columns = [
  {
    accessorKey: "name",
    header: "Order Name",
    cell: ({ row }) =>  <div>some value</div>,
  }
]


This throws error because cell is interpreted as a function passed to server component
Was this page helpful?