three.js TextGeometry: text alignment gets messed up after re-setting the rotation

Question

I have created a THREE. TubeGeometry and using the THREE.TextGeometry added the text to the tube created. The tube is then added to scene. Also the I have set the text rotation to camera rotation. The code snippet is below

text.rotation = camera.rotation;
text.lookAt(camera.position);

My application has a button by which I can reset the original position of my tube geometry. Internally, this is done by reseting the camera to its originally position.

Initially, when the page loads up, the tube and text are properly aligned and face the user. But when I rotate the tube and reset it to original position, the tube is properly getting back to original position but text is randomly facing to any direction.

My basic requirement is the text should always face the user. I have followed the steps mentioned in another related query:

TextGeometry to always face user?

But even though I have coded in same way as suggested, I am facing the above mentioned issue. Please point what I am missing?

Note: I am using perspective camera.