dotLottieRefCallback is not getting called when initial source is empty and get filled on the next render

[ehsankh1370]

Overview

I am using @lottiefiles/dotlottie-react library to render some lottie animation. my initial animation source is empty cause it is coming from and api call. when this fills and my source fills it rerenders component but dotLottieRefCallbackis not getting called again so in this case i have nothing to show to the user.

Consuming repo

`
const dotLottieRefCallback = (_dotlottie: DotLottie) => {
setDotLottie(_dotlottie)
}

useEffect(() => {
if (!dotLottie) return

const handleLoad = () => {
  setIsLoaded(true)
}

const handleError = () => {
  setIsLoaded(false)
}
dotLottie.addEventListener('load', handleLoad)
dotLottie.addEventListener('loadError', handleError)

return () => {
  dotLottie.removeEventListener('load', handleLoad)
  dotLottie.removeEventListener('loadError', handleError)
}

}, [dotLottie, source])

  <DotLottieReact
    src={url}
    dotLottieRefCallback={dotLottieRefCallback}
    className={classNameCreator([className, (!url || !isLoaded) && 'invisible'])}
    loop={loop}
    {...restProps}
  />

`
...

Labels

[ Bug]