diff --git a/packages/features/accounts/src/components/account-selector.tsx b/packages/features/accounts/src/components/account-selector.tsx index 3879de379..fc7eda3a5 100644 --- a/packages/features/accounts/src/components/account-selector.tsx +++ b/packages/features/accounts/src/components/account-selector.tsx @@ -1,6 +1,6 @@ 'use client'; -import { useEffect, useState } from 'react'; +import { useMemo, useState } from 'react'; import { CaretSortIcon, PersonIcon } from '@radix-ui/react-icons'; import { CheckCircle, Plus } from 'lucide-react'; @@ -59,16 +59,11 @@ export function AccountSelector({ }: React.PropsWithChildren) { const [open, setOpen] = useState(false); const [isCreatingAccount, setIsCreatingAccount] = useState(false); - - const [value, setValue] = useState( - selectedAccount ?? PERSONAL_ACCOUNT_SLUG, - ); - const { t } = useTranslation('teams'); const personalData = usePersonalAccountData(userId); - useEffect(() => { - setValue(selectedAccount ?? PERSONAL_ACCOUNT_SLUG); + const value = useMemo(() => { + return selectedAccount ?? PERSONAL_ACCOUNT_SLUG; }, [selectedAccount]); const Icon = (props: { item: string }) => { @@ -201,7 +196,6 @@ export function AccountSelector({ key={account.value} value={account.value ?? ''} onSelect={(currentValue) => { - setValue(currentValue === value ? '' : currentValue); setOpen(false); if (onAccountChange) {