title: Why Legend's text in Nivo Bar Charts doesn't show
body: <p>I am trying to use this library for charts in React:
  <a href="https://nivo.rocks/" rel="nofollow noreferrer">https://nivo.rocks/</a></p>
  <p>I have copied the <a href="https://nivo.rocks/bar/" rel="nofollow noreferrer">exact same example in the docs</a> for the horizontal column chart (bar chart) but on my env, the legends are simply not shown.</p>
  <p>I have looked for all other issues previously posted concerning labels not showing up and legend's problems troubleshoot. But this is a different issue. it just doesn't work as expected / as shown in the documentation live preview</p>
  <p>CodeSandbox showing the problem:
  <a href="https://codesandbox.io/s/missing-legends-text-pns6v" rel="nofollow noreferrer">https://codesandbox.io/s/missing-legends-text-pns6v</a></p>
  <p><a href="https://i.stack.imgur.com/7zxCl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7zxCl.png" alt="enter image description here" /></a></p>