У меня есть три изображения. Изображения подключаются с помощью компонента который предоставляет next.js - "next/image". Всё изображения на своих местах. Всё пути в файле прописаны верно. Изображения хранятся локально в папке - public. Большую часть времени я вижу изображения на своих местах, но иногда бывает так, что если зайти на свернутую страницу (наблюдал только со свёрнутой), то изображения дублируются. Дублирующий вариант:
Ожидаемый вариант:
Самое странное то, что дублируются только либо первая либо крайняя картинка. Изображение по середине всегда корректно. Первое и крайнее изображения в формате png, а по середине jpeg
Так подключаю изображения:
<div>
<Image
objectFit="cover"
src="/images/t-bank.png"
alt="t-bank"
layout="fill"
placeholder="blur"
blurDataURL="/images/t-bank.png"
quality={100}
/>
</div>
