'Three JS : FBX model with circlers around joints

I load the fbx model in the scene, but I m seeing some circles around joints, I m using the code below to import the file and play the animation.

const loader = new FBXLoader();
loader.load('./assets/models/lollipop.fbx', function (object) {

  mixer = new THREE.AnimationMixer(object);
  clips = object.animations;
  clips.forEach(function (clip) {
    mixer.clipAction(clip).play();
  }, undefined, function (e) {

    console.error(e);

  });

  object.traverse(function (child) {

    if (child.isMesh) {

      child.castShadow = true;
      child.receiveShadow = true;

    }

  });
  //scene.add(object);
  object.scale.set(0.02, 0.02, 0.02);
  object.position.set(0, -0.4, 0);
  const lollipopAnchor = mindarThree.addAnchor(2);
  lollipopAnchor.group.add(object);
  stats = new Stats();
  animate();



});
function animate() {

  requestAnimationFrame(animate);

  const delta = clock.getDelta();

  if (mixer) mixer.update(delta);

  renderer.render(scene, camera);

  stats.update();

}

any suggestions please Screenshot image showing the issue?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source