title: TextGeometry of Three.js with React not working
body: <p>Trying to add 3D text in my react application by three JavaScript. Following code is giving a blank page in output. This is my 1st attempt with Three.js. Any help will be appreciated, </p>
  
  <p>Same code is working while I am adding any other geometry with same format.</p>
  
  <pre><code>class ThreeScene extends Component {
      componentDidMount() {
          const width = this.mount.clientWidth
          const height = this.mount.clientHeight
          //ADD SCENE
          this.scene = new THREE.Scene()
          //ADD CAMERA
          this.camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000)
          this
              .camera
              .position
              .set(-15, 0, 25);
          this
              .camera
              .lookAt(this.scene.position);
          // Add Font Loader
          this.loader = new THREE.FontLoader();
          const self = this;
          this
              .loader
              .load('fonts/helvetiker_regular.typeface.json', function (font) {
                  var material = new THREE.MeshPhongMaterial({color: 0x0033ff, specular: 0x555555, shininess: 30});
                  var geometry = new THREE.TextGeometry('Hello', {
                      font: font,
                      size: 80,
                      height: 5,
                      curveSegments: 12,
                      bevelEnabled: true,
                      bevelThickness: 10,
                      bevelSize: 8,
                      bevelSegments: 5
                  });
  
                  self.textData = new THREE.Mesh(geometry, material);
  
                  self
                      .scene
                      .add(self.textData);
  
                  self.light = new THREE.DirectionalLight(0xffffff);
                  self
                      .light
                      .position
                      .set(0, 1, 1)
                      .normalize();
                  self
                      .scene
                      .add(self.light);
              });
          this.renderer = new THREE.WebGLRenderer({antialias: true});
          this
              .renderer
              .setSize(width, height)
          this
              .mount
              .appendChild(this.renderer.domElement);
          this.start()
      }
      renderScene = () =&gt; {
          this
              .renderer
              .render(this.scene, this.camera)
      }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/nIXg6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nIXg6.png" alt="enter image description here"></a></p>