TypeError: Cannot read property 'destroy' of undefined

Cannot read property ‘destroy’ of undefined value: function destroy() { this.anim.destroy(); }

[jdmcd]

@luskin I just discovered that import animationData from './animation.json' also works (minus the * as)

[luskin]

as a workaround I discovered you can do the following:

const defaultOptions = {
      loop: true,
      autoplay: true,
      animationData: require('./animation.json'),
      rendererSettings: {
        preserveAspectRatio: 'xMidYMid slice',
      },
    }

...


<Lottie options={defaultOptions} height={240} width={'75%'} />

instead of import * as animationData from './animation.json'