NuxtImage + IPX + SWR = return buffer

[bernhardberger]

When I enable SWR on our website IPX/nitro/whatever the culprit.. returns a buffer instead of an image:

Any ideas how to work around this? This has been a major issue for us, preventing is to run SWR on our website and customer projects..

[metkm]

do you have reproduction? I can't seem to replicate the issue

[bernhardberger]

Sure:
https://github.com/bernhardberger/nuxt-ipx-swr-buffer-minimal-reproduction

git clone https://github.com/bernhardberger/nuxt-ipx-swr-buffer-minimal-reproduction
cd nuxt-ipx-swr-buffer-minimal-reproduction
npm run build && node .output/server/index.mjs

-> hard reload (CTRL+SHIFT+R) a few times after 10 seconds -> image will be dead

[bernhardberger]

related: nuxt/nuxt#27307

[bernhardberger]

Imho this should be documented..

[bernhardberger]

We have now solved this using a nitro onBeforeResponse hook that unwraps and streams the Buffer so we can still use swr caching on /_ipx/** generated images (so the image gets served from a cache and the user won't have to wait for the regenerated image every time)

We'll provide a code sample later when it's tested.

[manot40]

Hey @bernhardberger, did you already done working with nitro hook code sample? Thanks in advance.

[Nagell]

+1