Proper way to createUrls from multiple rows

const { data: items, error: items_error } = await db.from('carousel_items').select('id, type, author, duration, visible, data').in('id', data.items);

const imageItems = items.filter(item => item.type === 'image');

type DBImageData = {
    title: string;
    path: string;
};

const imageItemUrls = imageItems.map(item => (item.data as DBImageData).path);

{
  title: 'title',
  url: 'createdUrl'
}