Loading assets twice

[companion-core]

First, thanks for the hook! Currently using it as described in the documentation, but just noticed that it's loading assets twice!

it loads e.g. w=3840 and w=1920

using these props

{...imageProps} // the output of useNextSanityImage
sizes="(max-width: 800px) 100vw, 800px"

[lorenzodejong]

Thanks for opening this issue. I tried setting this up using my demo application but could not reproduce this issue. Could you describe the specific scenario in which this occurs, stating:

• Whether or not you're including the hook (for the same image) multiple times on the page
• Which browser/device and which version you're using (and is the behavior different on other browsers)
• What environment you're running in (development or a production build) and whether or not this solution is in a hosted environment
• Which rendering type you're using (SSG, SSR or client side)

Optionally it might also help if you could post a reproducible code example on https://codesandbox.io/. Thanks in advance!

[pietvanzoen]

I think I'm seeing a similar thing. It might specifically be with Safari and related to this? https://github.com/vercel/next.js/issues/19478

[lorenzodejong]

Looks like this is related to the Next issue. I'll keep this issue open to track vercel/next.js#19478. If the issue still occurs after that issue has been resolved we'll investigate.

[lorenzodejong]

It seems like a fix has been published in the latest canary release of Next.js (https://github.com/vercel/next.js/commit/7dd99faee7fa2c793bf19c41001a71a5dac1fdec). Can you confirm this is no longer reproducible in this specific version of Next.js? If this is the case, this issue can be closed since this is not an issue with this specific library.

[lorenzodejong]

Just retested this and it seems like this issue is solved on Safari 14.0.3 in this version. Closing this issue as this will be fixed in Next.js.