Issues Applying Independent Scaling to Child Mesh in Three.js When Parent Mesh is Scaled

I have a parent class that extends THREE.Mesh (export default class Parent extends THREE.Mesh). This parent class is scaled using .scale.set(xScale, yScale, zScale).

I also have a THREE.Mesh that is added to the parent class by using this.add(this.childMesh). The child mesh is a sphere that follows behind the parent mesh which is also a sphere.

I do not want the scaling of the parentMesh to effect the child mesh. I attempted to apply reverse scaling to the child mesh through .scale.set(1/xScale, a/yScale, 1/zScale); however I did not see any changes made to the child mesh.

I was only able to see scaling applied to the child mesh when I removed the scaling from the parent mesh.

Please help me figure out why I cannot seem to apply scaling to the child mesh when there is scaling in the parent mesh. Thank you.