controling lottie animation frames with react code example

Example: lootie file in react

import React from 'react';
import Lottie from 'react-lottie';
import animationData from './lotties/kiss-of-the-heart';

export default function App() {
  const defaultOptions = {
      loop: true,
      autoplay: true,
      animationData: animationData,
      rendererSettings: {
        preserveAspectRatio: "xMidYMid slice"
      }
    };
  
  return (
    <div>
      <Lottie 
	    options={defaultOptions}
        height={400}
        width={400}
      />
    </div>
  );
}