Home / Function/ useMediaQuery() — supabase Function Reference

useMediaQuery() — supabase Function Reference

Architecture documentation for the useMediaQuery() function in use-media-query.tsx from the supabase codebase.

Function tsx DesignSystem UIPatterns called by 2

Entity Profile

Dependency Diagram

graph TD
  d133c3f6_9264_7249_a300_af67c18d2296["useMediaQuery()"]
  d9621732_90d8_6e12_77c1_0d4a83d55531["ComboBoxResponsive()"]
  d9621732_90d8_6e12_77c1_0d4a83d55531 -->|calls| d133c3f6_9264_7249_a300_af67c18d2296
  d864818b_3776_8c4d_afbb_fb10ea92df02["DrawerDialogDemo()"]
  d864818b_3776_8c4d_afbb_fb10ea92df02 -->|calls| d133c3f6_9264_7249_a300_af67c18d2296
  style d133c3f6_9264_7249_a300_af67c18d2296 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/design-system/hooks/use-media-query.tsx lines 3–19

export function useMediaQuery(query: string) {
  const [value, setValue] = React.useState(false)

  React.useEffect(() => {
    function onChange(event: MediaQueryListEvent) {
      setValue(event.matches)
    }

    const result = matchMedia(query)
    result.addEventListener('change', onChange)
    setValue(result.matches)

    return () => result.removeEventListener('change', onChange)
  }, [query])

  return value
}

Domain

Subdomains

Called By

Source

Frequently Asked Questions

What does useMediaQuery() do?
useMediaQuery() is a function in the supabase codebase.
What calls useMediaQuery()?
useMediaQuery() is called by 2 function(s): ComboBoxResponsive, DrawerDialogDemo.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free