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. 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, });