MobileMenuProvider() — supabase Function Reference

Source Code

apps/learn/context/mobile-menu-context.tsx lines 14–36

export function MobileMenuProvider({ children }: MobileMenuProviderProps) {
  const [open, setOpen] = useState(false)

  // Use useCallback for stable function references
  const handleSetOpen = useCallback((value: boolean) => {
    setOpen(value)
  }, [])

  const toggle = useCallback(() => {
    setOpen((prev) => {
      return !prev
    })
  }, [])

  // Memoize the context value to prevent unnecessary re-renders
  const value: MobileMenuContextType = {
    open,
    setOpen: handleSetOpen,
    toggle,
  }

  return <MobileMenuContext.Provider value={value}>{children}</MobileMenuContext.Provider>
}