W054

media(query) without ssr in a server-rendered component (hydration mismatch); a warning when kerf check cannot tell.

Fix: Pass the server value: media(query, { ssr: false }).

Status in kerf@0.1.0: reported, suggested edit.

Triggers it:

import { media } from '@kerf-js/core/browser'export function A() { const dark = media('(prefers-color-scheme: dark)'); return <p>{dark.value ? 'dark' : 'light'}</p> }

More: kerf docs browser.