React warning in console when passing `lottieRef` to `Player` component

[jon301]

Hi, I'm using the LottiePlayer component like so:

import type { AnimationItem } from 'lottie-web';
import { Player } from '@lottiefiles/react-lottie-player';
...
const lottieRef = useRef<AnimationItem>();
...
<Player
    lottieRef={(ref) => {
        lottieRef.current = ref;
    }}
    loop
    src="..."
/>

Everything works perfectly, except I'm getting the following error in the chrome dev tools console:

Is there any way I can get rid of that warning ? Thanks!

[karamalie]

Hi @jon301 . The prop can be renamed lottieref on our side to fix this but that would be a breaking change to everyone using this prop. since we ve already named the prop as lottieRef, could you put the lottieRef along with all the other props into an object. and use the spread operator to pass in all the props into the player? Heres a stack overflow guide on the issue

[samuelOsborne]

Closing issue due to inactivity.