Cannot read property 'v' of undefined

I have another bodymoving animation on another place which works just fine and i can’t figure out why this one won’t work.

The code for both animations looks almost identical

Animation that works

const animation = bodymovin.loadAnimation({
  container: document.getElementById("loader"),
  renderer: "svg",
  loop: true,
  autoplay: true,
  path: "themes/iplay/assets/data/loader/data.json"
});

Animation that don’t work

const animation = bodymovin.loadAnimation({
  container: document.getElementById("timeline-svg"),
  renderer: "html",
  loop: true,
  autoplay: true, 
  path: "themes/iplay/assets/data/timeline/data.json",
});

The problem seems to be on line 11503

this.mat.rotateX(-mTransf.rx.v).rotateY(-mTransf.ry.v).rotateZ(mTransf.rz.v);

From what i could debug myself (only using console.log(), your code base is to big and complicated for me to debug myself) I couldn’t find a definition for this.hierarchy[i].finalTransform.mProp.rx, all the others .p .s .v are defined when you log the object but .rx is nowhere to be found.

Does anybody have any idea what’s going on?

[bodymovin]

Hi, the camera is parented to a 2d null Layer The player expects that 3d parenting is also a 3d layer. I’ll see if I can fix this on my side, but if you change your Null Layer to 3d, it should work fine.

[bodymovin]

@chintu3535 Hi, I ofund the issue, it will be fixed on the next deploy. It is related to having separate position properties on the camera.