Best practice for using MediaQuery from svelte/reactivity define globally or per-component?

[nitipat21]

I’m wondering about best practices for using it across a Svelte app.

Is it recommended to:

• Define media queries (e.g. min-width: 768px) once in a shared module/utils and export them for reuse across components
  or
• Instantiate a new MediaQuery in each component that needs it?

[webJose]

I'd say reuse singletons because they won't contain per-component state.