image and video lightbox react

1<ReactImageVideoLightbox
2  data={[
3    {
4      url: "https://placekitten.com/450/300",
5      type: "photo",
6      altTag: "some image",
7    },
8    {
9      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
10      type: "video",
11      title: "some video",
12    },
13    {
14      url: "https://placekitten.com/550/500",
15      type: "photo",
16      altTag: "some other image",
17    },
18    {
19      url: "https://www.youtube.com/embed/ScMzIvxBSi4",
20      type: "video",
21      title: "some other video",
22    },
23  ]}
24  startIndex={0}
25  showResourceCount={true}
26  onCloseCallback={this.callbackFunction}
27  onNavigationCallback={(currentIndex) =>
28    console.log(`Current index: ${currentIndex}`)
29  }
30/>