title: React Lottie not showing animation not showing (web)
body: <p>I am trying a simple example of react-lottie. I am not not getting any errors but the animation doesn't show. </p>
  
  <p>I have tried another tutorial which did it a slightly different way and that had the same result - no errors and no animation. </p>
  
  <p>I have tried switching out the json files for others from the Lottie Files website to no avail.</p>
  
  <p>I don't know how to troubleshoot this as I can't don't know where to start debugging.</p>
  
  <p>Any ideas?</p>
  
  <p>Many thanks</p>
  
  <pre><code>import React, { Component } from 'react'
  import Lottie from 'react-lottie'
  import * as animationData from './globe.json'
  
  class UncontrolledLottie extends Component {
  
  
      render(){
  
          const defaultOptions = {
              loop: true,
              autoplay: true,
              animationData: animationData,
              rendererSettings: {
                  preserveAspectRatio: 'xMidYMid slice'
              }
          };
  
          return(
              &lt;div&gt;
                  &lt;h1&gt;Lottie&lt;/h1&gt;
                  &lt;p&gt;Base animation free from external manipulation&lt;/p&gt;
                  &lt;Lottie options={defaultOptions}
                          height={400}
                          width={400}
                  /&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default UncontrolledLottie
  
  </code></pre>