Enable console debugging and add debug statements

- Enable console logging in vite.config.ts:
  - Set drop_console to false
  - Disabled pure_funcs stripping for console.log
  - Changed esbuild to only drop debugger, keep console

- Add debug logging to auth-gate.ts:
  - Log setAuthInitialized calls

- Add debug logging to useSavedStations.ts:
  - Log hook invocations
  - Log query function execution and results
  - Added retry configuration

- Add debug logging to StationsPage.tsx:
  - Log component renders
  - Log useSavedStations result state

These logs will show us what's happening with auth initialization and
query state transitions that are causing the React DOM removeChild error.

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Eric Gullickson
2025-11-04 19:24:20 -06:00
parent 0e8d8e7d5e
commit 050f1b030e
4 changed files with 27 additions and 10 deletions

View File

@@ -52,6 +52,8 @@ const TabPanel: React.FC<TabPanelProps> = ({ children, value, index }) => {
* Mobile: Stacks vertically
*/
export const StationsPage: React.FC = () => {
console.log('[DEBUG StationsPage] Rendering');
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
@@ -64,7 +66,9 @@ export const StationsPage: React.FC = () => {
// Queries and mutations
const { mutate: search, isPending: isSearching, error: searchError } = useStationsSearch();
const { data: savedStations = [] } = useSavedStations();
const { data: savedStations = [], isLoading: isSavedLoading, error: savedError } = useSavedStations();
console.log('[DEBUG StationsPage] useSavedStations result:', { data: savedStations, isLoading: isSavedLoading, error: savedError });
const { mutate: saveStation } = useSaveStation();
const { mutate: deleteStation } = useDeleteStation();