Skip to content

Rule · Lint

priority on next/image is deprecated in Next 16

lint/image-priority-deprecatedwarnvoid lintupdated

Why it matters

Next 16 replaced priority with preload; the docs recommend loading="eager" or fetchPriority="high" for the LCP image in most cases. Deprecated props are removed in later majors and agents copy them forward.

How to fix it

For the single LCP image use fetchPriority="high" + loading="eager" (or preload). Don't combine preload with loading/fetchPriority, and mark at most one image per route.

Example

tsx
<Image src={hero} alt="…" fill sizes="100vw" fetchPriority="high" loading="eager" />

References

void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.