cursor disappear when enter vr mode in A-frame - aframe

Question

I am new in A-frame using version 0.9.0,trying to make website with 360 degree image in a-sky and multiple images on scene ,i need to show cursor only in VR mode , when cursor stop on a-image firing click event
and attach new a-image ,now there is problem when trying to enter vr mode multiple times and exit ,first time enter vr mode the cursor appear with no problem then when exit from vr mode and trying to enter one more time cursor disappear
var prvImage =document.querySelector("#previewImage");
prvImage.object3D.visible = false;
AFRAME.registerComponent('vr-cursor',
{
init:function()
{
let cursor = document.createElement('a-cursor');
this.el.sceneEl.addEventListener('enter-vr', function()
{ document.querySelector('#camera').appendChild(cursor);
cursor.setAttribute('fuse','true');
cursor.setAttribute('geometry', 'primitive: ring; radiusInner: 0.02; radiusOuter: 0.03');
prvImage.object3D.visible = true;
console.log("enter-vr");
});
this.el.sceneEl.addEventListener('exit-vr',function()
{ document.querySelector('#camera').removeChild(cursor);
prvImage.object3D.visible = false;
console.log("exit-vr");
});
}
});
AFRAME.registerComponent('cursor-listener',
{
init:function()
{
var imageSrc =this.el.getAttribute('src');
this.el.addEventListener('click', function (evt) {
console.log('I was clicked at:33 ');
prvImage.setAttribute('src',imageSrc);
prvImage.setAttribute('width','1');
prvImage.setAttribute('height','1');
prvImage.setAttribute('position','15 , 18, 18');
prvImage.object3D.scale.set(18, 18, 18);
prvImage.object3D.position.set(-1.101, 0.850 ,-10.83185);
});
}
});
<a-scene>
<a-sky src="#first-image" shadow="receive:true;"></a-sky>
<a-entity id="camera" camera="userHeight: 1.6" look-controls cursor="rayOrigin: mouse" vr-cursor>
</a-entity>
<a-image class="s1" src="#image1" position="16.508 2.524 -28.964" width="1" height="1" scale="20 20 18" material="transparent: true" geometry="" rotation="" cursor-listener></a-image>
<a-image class="s1" src="#image2" position="-1.63094 3.60811 -35.51375" width="1" height="1" scale="13.8 20.02 20" material="transparent: true" geometry="" rotation="" visible="" cursor-listener></a-image>
<a-image class="s1" src="#image3" position="-22.92895 2.5243 -28.96362" width="1" height="1" scale="23.79 19.93 20" material="transparent: true" geometry="" rotation="" visible="" cursor-listener></a-image>
<a-image id="previewImage"></a-image>
</a-scene>