fix: server-side UA mobile detection — prevents desktop sidebar flash on mobile before JS hydration

This commit is contained in:
egecankomur
2026-05-14 20:03:41 +03:00
parent 0d6e773197
commit 856e577f4b
4 changed files with 25 additions and 20 deletions
+3 -1
View File
@@ -54,6 +54,7 @@ function useSidebar() {
function SidebarProvider({
defaultOpen = true,
defaultIsMobile = false,
open: openProp,
onOpenChange: setOpenProp,
className,
@@ -62,10 +63,11 @@ function SidebarProvider({
...props
}: React.ComponentProps<"div"> & {
defaultOpen?: boolean
defaultIsMobile?: boolean
open?: boolean
onOpenChange?: (open: boolean) => void
}) {
const isMobile = useIsMobile()
const isMobile = useIsMobile(defaultIsMobile)
const [openMobile, setOpenMobile] = React.useState(false)
// This is the internal state of the sidebar.