MultiStream

type MultiStream = Categories | Streams

interface Categories {
  type: 'categories';
  label: string;
  categories: MultiStream[];
}

interface Streams {
  type: 'streams';
  label: string;
  streams: Stream[];
}

interface Stream {
  id: string;
  title: string;
  thumbnail: string;
}

import { categories, streams } from '@img-arena/streaming-sdk';

fetchEvents().then(events => {
  const rec: Record<string, Array<StreamingEvent>> = {};

  for (const event of events) {
    const key = event?.tournament?.property?.sport?.name;
    if (!rec[key]) rec[key] = [];
    rec[key].push(event);
  }

  return categories(
    'Live Streams',
     Object.entries(rec).map(([k, v]) =>
       streams(
         k,
         v.map(e => ({ ...e, id: e.id.toString() }))
       )
     )
   );
});