Using <Background /> tanks my CPU

[drydenwilliams]

Describe the bug
I have a media gallery which loads set background images using the <Background /> component and as soon as I started using it, my CPU load spike massively.

Different between not using the <Background /> component in the first half of the graph. And using it in the second half.

To Reproduce
Add a list of images using the <Background /> component and see the spike in CPU.

<Background
  src={imageSrc}
  imgixParams={{
    crop: 'entropy',
    h: 200,
    w: 200
  }}
  className="blog-title"
>
 Title
</Background>

Information:

• react-imgix version: [e.g. v8.6.1]
• browser version: https://whatsmybrowser.org/b/RAF3DEX(https://www.whatsmybrowser.org/

[ericdeansanchez]

Hey @drydenwilliams, I'm currently working on solving this issue. The <Background/> component is constantly re-rendering. The fix I'm working on aims to ensure minimal re-renders.

[imgix-git-robot]

🎉 This issue has been resolved in version 9.1.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀