title: React JS changing words in spherical word cloud
body: <p><a href="https://codesandbox.io/s/basic-demo-forked-yup2o?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/basic-demo-forked-yup2o?file=/src/App.js</a></p>
  <p>I have the above sandbox of a spherical word cloud consisting of random words - I'm trying to modify the code so rather than random words, the cloud can display words from a list of my choosing, for example</p>
  <p><code>let MyList = ['React', 'Node', 'SQL', 'NoSQL', 'TDD', 'JavaScript', 'Python', 'Git', 'Excel', 'ReactNative', 'HTML', 'CSS', 'TypeScript', 'Java', 'Angular', 'Django']</code></p>
  <p>I tried doing this by editing the code inside the for loop of the cloud function by changing <code>randomWord()</code> to <code>wordFromMyList()</code> which is defined below.</p>
  <pre><code>function wordFromMyList() { 
      let y = MyList[0];
      MyList.shift();
      return y 
  }
  </code></pre>
  <p>However this isn't working and doesn't return a spherical cloud at all - but if I instead change the <code>wordFromMyList()</code> function to just return 'hi' I get a spherical word cloud with only the word 'hi' which is confusing me as to why the shift function doesn't seem to be working.</p>
  <p>Any suggestions?</p>