React Hook useEffect has missing dependencies: 'getInstance' and 'option'. Either include them or remove the dependency array. If 'getInstance' changes too often, find the parent component that defines it and wrap that definition in useCallback

The arbitrary class 'left-[50%]' could be replaced by 'left-1/2' or 'left-2/4'

The arbitrary class 'top-[50%]' could be replaced by 'top-1/2' or 'top-2/4'

The arbitrary class 'translate-x-[-50%]' could be replaced by '-translate-x-1/2' or '-translate-x-2/4'

The arbitrary class 'translate-y-[-50%]' could be replaced by '-translate-y-1/2' or '-translate-y-2/4'

Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)

Ref values (the `current` property) may not be accessed during render. (https://react.dev/reference/react/useRef)

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead

React Hook useEffect has a missing dependency: 'setCurrentMatchedVideo'. Either include it or remove the dependency array