add note

Rich-Harris · Rich-Harris · commit df9718406958 · 2024-12-05T10:18:02.000-05:00
diff --git a/packages/svelte/src/reactivity/media-query.js b/packages/svelte/src/reactivity/media-query.js
@@ -5,6 +5,7 @@ import { on } from '../events/index.js';
  * Creates a media query and provides a `current` property that reflects whether or not it matches.
  *
  * Use it carefully — during server-side rendering, there is no way to know what the correct value should be, potentially causing content to change upon hydration.
+ * If you can use the media query in CSS to achieve the same effect, do that.
  *
  * ```svelte
  * <script>

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@ import { on } from '../events/index.js';`
`5`	`5`	* Creates a media query and provides a `current` property that reflects whether or not it matches.
`6`	`6`	`*`
`7`	`7`	`* Use it carefully — during server-side rendering, there is no way to know what the correct value should be, potentially causing content to change upon hydration.`
	`8`	`+ * If you can use the media query in CSS to achieve the same effect, do that.`
`8`	`9`	`*`
`9`	`10`	* ```svelte
`10`	`11`	`* <script>`