url to image?

How to best transform a URL from db to render an image?

This it failing on my column definition. Do I need to add the transform differently?

{
accessorKey: 'avatar',
footer: (info) => info.column.id,
header: () => 'Avatar',
Cell: ({ row }) => <Avatar src={row.original.avatar} width="w-10" />,
},

{
accessorKey: 'avatar',
footer: (info) => info.column.id,
header: () => 'Avatar',
Cell: ({ row }) => <Avatar src={row.original.avatar} width="w-10" />,
},

{
accessorKey: 'avatar',
footer: (info) => info.column.id,
header: () => 'Avatar',
Cell: ({ row }) => <Avatar src={row.original.avatar} width="w-10" />,
},

{
accessorKey: 'avatar',
footer: (info) => info.column.id,
header: () => 'Avatar',
Cell: ({ row }) => <Avatar src={row.original.avatar} width="w-10" />,
},

url to image?

Similar Threads

Similar Threads

Similar Threads