diff --git a/src/frontend/src/features/home/routes/Home.tsx b/src/frontend/src/features/home/routes/Home.tsx
index cc2f7f28..aad6cfb4 100644
--- a/src/frontend/src/features/home/routes/Home.tsx
+++ b/src/frontend/src/features/home/routes/Home.tsx
@@ -20,8 +20,7 @@ import { useConfig } from '@/api/useConfig'
 import { LoginButton } from '@/components/LoginButton'
 import { ApiRoom } from '@/features/rooms/api/ApiRoom'
 import { LoadingScreen } from '@/components/LoadingScreen'
-import { useSnapshot } from 'valtio'
-import { userChoicesStore } from '@/stores/userChoices'
+import { loadUserChoices } from '@livekit/components-core'
 
 const Columns = ({ children }: { children?: ReactNode }) => {
   return (
@@ -149,7 +148,7 @@ const IntroText = styled('div', {
 })
 
 const CreateMeetingMenu = () => {
-  const { username } = useSnapshot(userChoicesStore)
+  const { username } = loadUserChoices()
 
   const { t } = useTranslation('home')
   const { mutateAsync: createRoom } = useCreateRoom()