diff --git a/.changeset/fluffy-peas-beam.md b/.changeset/fluffy-peas-beam.md new file mode 100644 index 0000000000..afd2da6422 --- /dev/null +++ b/.changeset/fluffy-peas-beam.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Initially render Keyless UI as collapsed. diff --git a/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx b/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx index b36262632b..ea13b3fe99 100644 --- a/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx +++ b/packages/clerk-js/src/ui/components/KeylessPrompt/index.tsx @@ -21,7 +21,7 @@ const buttonIdentifier = `${buttonIdentifierPrefix}-button`; const contentIdentifier = `${buttonIdentifierPrefix}-content`; const _KeylessPrompt = (_props: KeylessPromptProps) => { - const [isExpanded, setIsExpanded] = useState(true); + const [isExpanded, setIsExpanded] = useState(false); const claimed = Boolean(useRevalidateEnvironment().authConfig.claimedAt); const isForcedExpanded = claimed || isExpanded;