diff --git a/src/pages/tldraw/singlePlayerPage.tsx b/src/pages/tldraw/singlePlayerPage.tsx index 569269a..7ccf24c 100644 --- a/src/pages/tldraw/singlePlayerPage.tsx +++ b/src/pages/tldraw/singlePlayerPage.tsx @@ -85,23 +85,13 @@ export default function SinglePlayerPage() { setUserPreferences: setTldrawPreferences }); - // Initialize store + // Initialize store — runs as soon as user is ready, no editor needed for store creation useEffect(() => { - if (!isEditorReady) { - logger.debug('single-player-page', '⏳ Waiting for editor to be ready'); - return; - } - if (!user) { logger.debug('single-player-page', '⏳ Waiting for user data'); return; } - if (!editorRef.current) { - logger.debug('single-player-page', '⏳ Waiting for editor ref'); - return; - } - logger.info('single-player-page', '🔄 Starting store initialization', { isEditorReady, hasUser: !!user, @@ -221,7 +211,7 @@ export default function SinglePlayerPage() { }; initializeStoreAndSnapshot(); - }, [isEditorReady, user, context.node]); + }, [user, context.node]); // Handle initial node placement useEffect(() => { @@ -451,7 +441,7 @@ export default function SinglePlayerPage() { const uiComponents = getUiComponents(presentationMode); // Show loading state if user context is still loading - if (userLoading) { + if (userLoading || !user) { return (
- + />}
); }