Annotation issue with Ocean Rendering

Hi,

I am using the Verge3D webgl_shaders_ocean example in a V3D App template to render ocean. Also I have some objects floating on the ocean and used annotations on them to identify it.
There are issues with annotations when combined with ocean rendering, as it is not properly getting displayed in their respective positions. Upon adding the ocean, the annotations are not in their fixed positions and keeps moving based on camera movement.

I have used the following code to render ocean
Link: https://github.com/Soft8Soft/verge3d-code-examples/blob/master/webgl_shaders_ocean.html

const waterGeometry = new v3d.PlaneGeometry(10000, 10000);

        water = new Water(
          waterGeometry,
          {
            textureWidth: 512,
            textureHeight: 512,
            waterNormals: new v3d.TextureLoader().load('textures/waternormals.jpg', function(texture) {

              texture.wrapS = texture.wrapT = v3d.RepeatWrapping;

            }),
            sunDirection: new v3d.Vector3(),
            sunColor: 0xffffff,
            waterColor: 0x001e0f,
            distortionScale: 3.7,
            fog: scene.fog !== undefined
          }
        );

        water.rotation.x = - Math.PI / 2;
        scene.add(water);

Also I have noticed that if the line water.rotation.x = – Math.PI / 2; is removed the annotations are properly displayed. But it makes the ocean vertical. Also refer the attached puzzle image for annotations.

Thanks