[Solved] Start + Custom API Auth

Hiii, i'm moving my react App with all tanstack tools to Tanstack-Start <3.
I love all the tools but i face a little problem with my login logic, i hope anyone can help

All was working in my react app before i put ssr

When refresh with my external nestJS api (i set cookie https), i loose the accessToken (but keep the refreshToken) in the browser but everything is still working haha
First, in _root, i do a call in before to get :

export const Route = createRootRouteWithContext<RouterContext>()({
  beforeLoad: async (opts) => {
    const data = await authMiddleware(opts);
    return data;
  },

export const Route = createRootRouteWithContext<RouterContext>()({
  beforeLoad: async (opts) => {
    const data = await authMiddleware(opts);
    return data;
  },

export async function authMiddleware({ context }: { context: RouterContext }) {
  if (context.auth.isAuthenticated) {
    return {
      auth: context.auth
    };
  }

  try {
    const user = await context.queryClient.ensureQueryData(getUserOptions());

    return {
      auth: {
        isAuthenticated: !!user,
        user,
      },
    };

  } catch (error) {
    return {
      auth: {
        isAuthenticated: false,
        user: null,
      },
    };
  }
}

export async function authMiddleware({ context }: { context: RouterContext }) {
  if (context.auth.isAuthenticated) {
    return {
      auth: context.auth
    };
  }

  try {
    const user = await context.queryClient.ensureQueryData(getUserOptions());

    return {
      auth: {
        isAuthenticated: !!user,
        user,
      },
    };

  } catch (error) {
    return {
      auth: {
        isAuthenticated: false,
        user: null,
      },
    };
  }
}

My queries are "createServerFn"
The refresh token is owned by my following api (maybe the source of the pb)

Thanks for any help, i follow my api file in comment

TanStack•2mo ago•

3 replies

then-purple

[Solved] Start + Custom API Auth

Hiii, i'm moving my react App with all tanstack tools to Tanstack-Start <3.
I love all the tools but i face a little problem with my login logic, i hope anyone can help

All was working in my react app before i put ssr

export const Route = createRootRouteWithContext<RouterContext>()({
  beforeLoad: async (opts) => {
    const data = await authMiddleware(opts);
    return data;
  },

export const Route = createRootRouteWithContext<RouterContext>()({
  beforeLoad: async (opts) => {
    const data = await authMiddleware(opts);
    return data;
  },

export async function authMiddleware({ context }: { context: RouterContext }) {
  if (context.auth.isAuthenticated) {
    return {
      auth: context.auth
    };
  }

  try {
    const user = await context.queryClient.ensureQueryData(getUserOptions());

    return {
      auth: {
        isAuthenticated: !!user,
        user,
      },
    };

  } catch (error) {
    return {
      auth: {
        isAuthenticated: false,
        user: null,
      },
    };
  }
}

export async function authMiddleware({ context }: { context: RouterContext }) {
  if (context.auth.isAuthenticated) {
    return {
      auth: context.auth
    };
  }

  try {
    const user = await context.queryClient.ensureQueryData(getUserOptions());

    return {
      auth: {
        isAuthenticated: !!user,
        user,
      },
    };

  } catch (error) {
    return {
      auth: {
        isAuthenticated: false,
        user: null,
      },
    };
  }
}

My queries are "createServerFn"
The refresh token is owned by my following api (maybe the source of the pb)

Thanks for any help, i follow my api file in comment

[Solved] Start + Custom API Auth

Similar Threads

[Solved] Start + Custom API Auth

Similar Threads

Similar Threads

Similar Threads