title: Heroku image crashes after a minute reactjs
body: <p>I have this hotel reservation project with CRUD operation. everything is working fine, after heroku deployment i tried to create new room, upload image. Image was fine and displayed properly but after a minute or so it becames a broken image. i don't know why.
  This happen in my server side only. but images for display on my frontend are working fine.</p>
  
  <p>I don't know what's wrong, but i'm pretty sure my codes are okay because after uploading the image displays properly and then crash after 5mins or more. maybe about .git or i don't know. </p>
  
  <p>here's in my Client side </p>
  
  <p>MenuPage.jsx</p>
  
  <pre><code>    &lt;img style={{ objectFit: "cover", height: "400px", width: "100%" }} src={ NodeServerURL + 
      room.imageLocation }/&gt;
  </code></pre>
  
  <p>my Function to add new room</p>
  
  <pre><code>        addRoom: (parent, args) =&gt; {
          let base64String = args.base64EncodedImage
          let base64Image = base64String.split(';base64,').pop()
          let imageLocation = 'images/' + uuid() + '.png'
  
          fs.writeFile(imageLocation, base64Image, { encoding: 'base64' }, (err) =&gt; {})
  
          let room = new Room({
              roomType: args.roomType,
              roomPrice: args.....
  </code></pre>
  
  <p>here's my deployed website if you wanat to see. all images i uploaded are broken images except the one on the last because that was a recent upload but maybe after a minute it will turn into broken image too.</p>
  
  <p><a href="http://boncales-twth-frontend.herokuapp.com/MenuPage" rel="nofollow noreferrer">http://boncales-twth-frontend.herokuapp.com/MenuPage</a></p>