Trouble with understanding useSession function from @tanstack/react-start-server

Error adding information: TypeError: Cannot read properties of undefined (reading 'config')
    at @tanstack_react-start_server.js?v=a2b44449:18409:34
    at useAppSession (session.ts:11:19)
    at getCurrentUserId (auth.ts:4:25)
    at Object.addSomethingToUser [as mutationFn] (

// utils/session.ts
import { User } from '@/types/user';
import { useSession } from '@tanstack/react-start/server';

type SessionUser = {
  id: User['email'];
};

export function useAppSession() {
  const password = import.meta.env.VITE_SESSION_SECRET;
  return useSession<SessionUser>({
    password,
  });
}

// utils/auth.ts
import { useAppSession } from './session';

export async function getCurrentUserId(): Promise<string> {
  const session = await useAppSession();
  if (!session.data.id) {
    throw new Error('User not authenticated');
  }
  return session.data.id;
}

export async function addSomethingToUser(info) {
  try {
    const userId = await getCurrentUserId();
    const currentInfo = await fetchInformation();
    // use this userId to check permission and add the information
  } catch (err) {
    console.error('Error adding:', err);
  }
}

export async function fetchInformation(info) {
  try {
    const userId = await getCurrentUserId();
    // use this userId to fetch the information
    return information;
  } catch (err) {
    console.error('Error fetching:', err);
  }
}