title: textGeometry in React Three Fiber Shows Up as a Cube
body: <p>I am attempting to make 3D text in React Three Fiber following <a href="https://stackoverflow.com/questions/71105484/react-three-fiber-creating-3d-text">this</a> guide. However, my text appears as a cube in the end. Here is my code:</p>
  <pre><code>import { extend } from &quot;@react-three/fiber&quot;
  import { FontLoader } from &quot;three/examples/jsm/loaders/FontLoader&quot;
  import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry'
  import helvetiker from &quot;three/examples/fonts/helvetiker_regular.typeface.json&quot;
  
  const 3DText = () =&gt; {
    extend({ TextGeometry })
  
    const helvetikerRegular = new FontLoader().parse(helvetiker)
    console.log('helvetiker regular -&gt;', helvetikerRegular)
  
    const textOptions = {
      helvetikerRegular,
      size: 5,
      height: 1,
    }
    
    return(
      &lt;mesh position={[0,4,0]} rotation={[0, 0, 0]}&gt;
        &lt;textGeometry attach='geometry' args={[&quot;three.js&quot;, textOptions]}/&gt;
        &lt;meshLambertMaterial attach='material' color={'gold'}/&gt;
      &lt;/mesh&gt;
    )
  
  }
  
  export default 3DText
  </code></pre>
  <p>The result is this:
  <a href="https://i.stack.imgur.com/Ix0gd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ix0gd.png" alt="enter image description here" /></a></p>
  <p>Are there any ideas for how to render the text correctly? The helvetiker font seems to be loading the right way, as the console.log shows a font there. I am using the <code>extend()</code> inside the function because I had been encountering <a href="https://github.com/pmndrs/react-three-fiber/discussions/1742" rel="nofollow noreferrer">this</a> error when importing <code>TextGeometry</code></p>