Discussion on: How to use Lottie animations & React JS? 🖌️

View post

Replies for: Thanks for the article. Really helpful. Though one thing to check. When I have dynamic frames getting loaded into the player via props and I want t...

Solved it!!

import Lottie from 'react-lottie-player';

const LottieComponent = ({ animationData, lottieFrames = [], height = 50, width = 50 }) => {
  return (
    <Lottie
      loop={true}
      play={true}
      animationData={animationData}
      segments={true && lottieFrames}
      style={{ width: width, height: height, borderRadius: 16 }}
    />
  );
};