title: react-images why does the lightbox show by default and lose its styling as an import
body: <p>I am working off <a href="https://codesandbox.io/s/react-photo-gallery-with-lightbox-tdv66" rel="nofollow noreferrer">this Codesandbox</a> as my starting point. Here you can see that by default the lightbox is hidden and then when you click the button it opens the lightbox which is in a fixed position above the rest of the content with a background color with transparency. However, when I try to set this up as an import in another component, the lightbox is visible by default, it also loses it's styling and I am not seeing a close button. Any ideas why this is happening?</p>
  
  <pre><code>import React from "react";
  import LB from "./LB";
  import "./styles.css";
  
  const photos = [
    {
      src: "https://source.unsplash.com/2ShvY8Lf6l0/800x599",
      width: 4,
      height: 3
    },
    {
      src: "https://source.unsplash.com/Dm-qxdynoEc/800x799",
      width: 1,
      height: 1
    },
    {
      src: "https://source.unsplash.com/qDkso9nvCg0/600x799",
      width: 3,
      height: 4
    },
    {
      src: "https://source.unsplash.com/iecJiKe_RNg/600x799",
      width: 3,
      height: 4
    },
    {
      src: "https://source.unsplash.com/epcsn8Ed8kY/600x799",
      width: 3,
      height: 4
    },
    {
      src: "https://source.unsplash.com/NQSWvyVRIJk/800x599",
      width: 4,
      height: 3
    },
    {
      src: "https://source.unsplash.com/zh7GEuORbUw/600x799",
      width: 3,
      height: 4
    },
    {
      src: "https://source.unsplash.com/PpOHJezOalU/800x599",
      width: 4,
      height: 3
    },
    {
      src: "https://source.unsplash.com/I1ASdgphUH4/800x599",
      width: 4,
      height: 3
    }
  ];
  
  export default function App() {
    return &lt;LB images={photos} /&gt;;
  }
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/jolly-moon-5bt16" rel="nofollow noreferrer">Here's my updated codesandbox</a> with what I've tried so far(also where you can see the lightbox being shown by default without styling)</p>