Types mismatching

[GritAr]

export type StoryType = { id: number; url?: string; thumbnail?: string; type?: string | 'image' | 'video' | 'text'; duration?: number; isReadMore?: boolean; isSeen?: boolean; isPaused?: boolean; created?: string; storyId?: number; title?: string; };

export type StoriesType = { username?: string; profile?: string; title?: string; id: number; stories: StoryType[]; };

Doc: [{ id: string; username: string; title: string; profile: string; stories:Array[ { id: string; url: string; type: 'image' | 'video'; duration: number isReadMore: boolean storyId: number, isSeen?: boolean, } ] }]

[GritAr]

Perhaps it's better to make the ID a string | number. It's hard to imagine a scenario where something like a UUID hasn't been used as an ID.