useSearchQuery() — supabase Function Reference

Architecture documentation for the useSearchQuery() function in SecondLevelNav.StoragePicker.tsx from the supabase codebase.

Function tsx ContentManagement Migrations called by 1

Entity Profile

ContentManagement→ Migrations→ useSearchQuery() — supabase Function Reference

Dependency Diagram

graph TD
  de43b3ff_cd13_7b2e_6e87_de198d52a2ae["useSearchQuery()"]
  47fd6a9c_ce8d_aaeb_83e3_359aea4249e8["StorageResourceList()"]
  47fd6a9c_ce8d_aaeb_83e3_359aea4249e8 -->|calls| de43b3ff_cd13_7b2e_6e87_de198d52a2ae
  style de43b3ff_cd13_7b2e_6e87_de198d52a2ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/ProjectAPIDocs/SecondLevelNav.StoragePicker.tsx lines 23–33

const useSearchQuery = () => {
  const [search, setSearch] = useState('')
  const debouncedSearch = useDebounce(search, SEARCH_DEBOUNCE_MS)
  const searchQuery = search.length === 0 ? undefined : debouncedSearch

  return {
    rawQuery: search,
    query: searchQuery,
    setSearch,
  }
}