Why it matters
Fetching on mount in a client page renders an empty shell first, then waterfalls the request after JS downloads and hydrates: slower LCP, layout shift when data arrives, and crawlers see no content.
How to fix it
Fetch in the Server Component (async function Page()), pass data down as props, and stream slow parts with
Example
export default async function Page() {
const posts = await getPosts()
return <PostList posts={posts} />
}References
More lint rules
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.
raf-without-cancel`requestAnimationFrame` loop in an effect without `cancelAnimationFrame`listener-without-cleanupEvent listener or interval added in an effect without cleanupscroll-listener-nonpassive`wheel` / `touchstart` / `touchmove` listener without `{ passive: true }`unload-listener`unload` event listenerdiv-buttonClickable `<div>`/`<span>` without button semanticsdangerously-set-jsonld-unescapedJSON-LD injected with `JSON.stringify` without escaping `<`transition-all`transition: all` / `transition-all`animate-layout-propAnimation of layout properties (width/height/top/left/margin/padding)