При переключении "background-image" CSS изображение загружается с сервера снова и снова.

Question

Я использую CRA. Я хочу несколько раз переключать 2 backgroundImages на элементе.

import titleComposed1 from 'resources/titleComposed1.jpg';
import titleComposed2 from 'resources/titleComposed2.jpg';

 // ...element's css...
    backgroundImage: `url(${titleComposed1})`,

//  ...
//  ...switch logic between these two...
   imageRef.current.style.backgroundImage = `url(${titleComposed1})`;
   imageRef.current.style.backgroundImage = `url(${titleComposed2})`;
//  ...

Но у меня проблема в том, что изображения не загружены предварительно. Вместо этого каждый раз, когда происходит переключение (выполняется одна из двух вышеуказанных строк), этот запрос GET изображения повторяется. И снова, и снова. Таким образом, при переключении у меня возникают сбои, так как изображение не загружается (а просто начинает загружаться) в момент переключения.

Как это исправить?