import Lottie from 'lottie-react'; 
import animationData from './BlobAnimation.json'; 
<Lottie
            animationData={animationData}
            loop={true}
            autoplay={true}
            style={{ width: '400px', height: '400px' }}
          />

here the animationData is displaying the gif only when it is from the net and not when it is in local system

the front end in react is not displaying the images