From d7870bb443b11d5d0b2a2fd78cb126a3b090c99d Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Thu, 26 Sep 2024 13:28:57 -0400 Subject: [PATCH 1/2] fix(clerk-js): Pass `defaultOpen` prop within org switcher --- .../components/OrganizationSwitcher/OrganizationSwitcher.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx index b066480dec2..234ddb9b2d6 100644 --- a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx +++ b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx @@ -1,6 +1,6 @@ import { useId } from 'react'; -import { AcceptedInvitationsProvider, withCoreUserGuard } from '../../contexts'; +import { AcceptedInvitationsProvider, useOrganizationSwitcherContext, withCoreUserGuard } from '../../contexts'; import { Flow } from '../../customizables'; import { Popover, withCardStateProvider, withFloatingTree } from '../../elements'; import { usePopover } from '../../hooks'; @@ -8,7 +8,9 @@ import { OrganizationSwitcherPopover } from './OrganizationSwitcherPopover'; import { OrganizationSwitcherTrigger } from './OrganizationSwitcherTrigger'; const _OrganizationSwitcher = withFloatingTree(() => { + const { defaultOpen } = useOrganizationSwitcherContext(); const { floating, reference, styles, toggle, isOpen, nodeId, context } = usePopover({ + defaultOpen, placement: 'bottom-start', offset: 8, }); From d6ca1e5ba0756805d8433d5a1f38cbb8bcbb0a0e Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Thu, 26 Sep 2024 13:30:28 -0400 Subject: [PATCH 2/2] add changeset --- .changeset/cyan-turtles-fly.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/cyan-turtles-fly.md diff --git a/.changeset/cyan-turtles-fly.md b/.changeset/cyan-turtles-fly.md new file mode 100644 index 00000000000..04c1a5df0a8 --- /dev/null +++ b/.changeset/cyan-turtles-fly.md @@ -0,0 +1,5 @@ +--- +"@clerk/clerk-js": patch +--- + +Correctly pass `defaultOpen` prop to `OrganizationSwitcher` popover instance.