Trouble with understanding useSession function from @tanstack/react-start-server
I am trying to implement auth with tanstack-start with react query. I followed basic auth starter example from the docs but I am getting this error:
When I log current session and userId, they are logged currently (inside getCurrentUserId function)
Current setup looks like:
Any help would be really appreciated. Thanks!
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] (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] (When I log current session and userId, they are logged currently (inside getCurrentUserId function)
Current setup looks like:
// 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/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;
}// 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 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);
}
}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);
}
}Any help would be really appreciated. Thanks!
