Does HLSVideo component caches mediaPreviewImage in React?

[TanjimAnim]

So, I have this unique problem in my NextJS project where I have used media-chrome library. For this instance my data structure is like an array of objects, where there are video and audio files info, and depending on it I am rendering video or audio component. Problem is when there are subsequent video files, the preview of the previous video gets shown when I hover the time range. Like if the DS is like video 1, video 2, audio 1 etc, video 1 mediaPreviewImage works fine. But when I switch to video 2, I get the same preview of the video 1. This doesn't happen if the structure is like video 1, audio 1, video 2, when two videos are not subsequent.
I have checked my end to find out if there's any issue with state or props I am passing but couldn't find anything. I am getting the correct video information and state and props changes whenever I switch to video 1, video 2. But problem lies only within the mediaPreviewImage.
So, I was wondering, if somehow HLSvideo component caches mediaPreviewImage or something behind the scene. If that is the case then I want to override that.