Resolving Discord ID during flow

Vvsw I'm using BetterAuth as my Oauth handler. What I want to be able to do is extra...

P

Ping•8/25/25, 11:50 PM

You can run

listAccounts

listAccounts

listAccounts

listAccounts (docs: https://www.better-auth.com/docs/concepts/users-accounts#list-user-accounts) and then find the discord provider, then look for the accountId, as this is the discord user id

User & Accounts | Better Auth

User and account management.

PPing You can run `listAccounts` (docs: https://www.better-auth.com/docs/concepts/user...

V

vswOP•8/25/25, 11:51 PM

I'll take a look at this now, thanks for the swift reply

PPing You can run `listAccounts` (docs: https://www.better-auth.com/docs/concepts/user...

V

vswOP•8/25/25, 11:57 PM

 ✓ Compiled /api/auth/[...all] in 625ms
 GET /api/auth/list-accounts 401 in 2078ms
{ data: null, error: { status: 401, statusText: 'UNAUTHORIZED' } }
 GET /dashboard 200 in 6101ms
 ✓ Compiled /favicon.ico in 173ms

 ✓ Compiled /api/auth/[...all] in 625ms
 GET /api/auth/list-accounts 401 in 2078ms
{ data: null, error: { status: 401, statusText: 'UNAUTHORIZED' } }
 GET /dashboard 200 in 6101ms
 ✓ Compiled /favicon.ico in 173ms

 ✓ Compiled /api/auth/[...all] in 625ms
 GET /api/auth/list-accounts 401 in 2078ms
{ data: null, error: { status: 401, statusText: 'UNAUTHORIZED' } }
 GET /dashboard 200 in 6101ms
 ✓ Compiled /favicon.ico in 173ms

 ✓ Compiled /api/auth/[...all] in 625ms
 GET /api/auth/list-accounts 401 in 2078ms
{ data: null, error: { status: 401, statusText: 'UNAUTHORIZED' } }
 GET /dashboard 200 in 6101ms
 ✓ Compiled /favicon.ico in 173ms

It seems I have a session user (following Discord OAuth) but this method

  const accounts = await listAccounts();
  console.log(accounts);

  const accounts = await listAccounts();
  console.log(accounts);

  const accounts = await listAccounts();
  console.log(accounts);

  const accounts = await listAccounts();
  console.log(accounts);

import { createAuthClient } from "better-auth/react";
export const { signIn, signOut, useSession, listAccounts } = createAuthClient({
  baseURL: "http://localhost:3000",
});

import { createAuthClient } from "better-auth/react";
export const { signIn, signOut, useSession, listAccounts } = createAuthClient({
  baseURL: "http://localhost:3000",
});

import { createAuthClient } from "better-auth/react";
export const { signIn, signOut, useSession, listAccounts } = createAuthClient({
  baseURL: "http://localhost:3000",
});

import { createAuthClient } from "better-auth/react";
export const { signIn, signOut, useSession, listAccounts } = createAuthClient({
  baseURL: "http://localhost:3000",
});

Is throwing unauthorised? :think:

Vvsw ```bash ✓ Compiled /api/auth/[...all] in 625ms GET /api/auth/list-accounts 401...

P

Ping•8/25/25, 11:58 PM

Are you logged in?

PPing Are you logged in?

V

vswOP•8/25/25, 11:58 PM

Yes, my session info reflects the account I logged in with

V

vswOP•8/25/25, 11:59 PM

I've got a pretty basic page setup for what I'm going for

import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { auth } from "@/lib/auth";
import { Button } from "@/components/ui/button";
import Container from "@/components/layouts/container";
import Image from "next/image";
import { EditBalanceForm } from "@/components/forms/editBalance";
import { listAccounts } from "@/lib/auth-client";

async function signOut() {
  "use server";
  await auth.api.signOut({
    headers: await headers(),
  });
  redirect("/");
}

export default async function DashboardPage() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });

  if (!session) {
    redirect("/signin");
  }

  const accounts = await listAccounts();
  console.log(accounts);

  return (
    <Container>
      <div className="col-span-full space-y-4">
        <div className="flex items-center justify-center size-24 rounded-full overflow-hidden">
          <Image
            src={session.user.image as string}
            alt={session.user.name}
            width={300}
            height={300}
          />
        </div>
        <h1>Welcome {session.user.name}</h1>
        <EditBalanceForm />
        <Button onClick={signOut}>Sign Out</Button>
      </div>
    </Container>
  );
}

import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { auth } from "@/lib/auth";
import { Button } from "@/components/ui/button";
import Container from "@/components/layouts/container";
import Image from "next/image";
import { EditBalanceForm } from "@/components/forms/editBalance";
import { listAccounts } from "@/lib/auth-client";

async function signOut() {
  "use server";
  await auth.api.signOut({
    headers: await headers(),
  });
  redirect("/");
}

export default async function DashboardPage() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });

  if (!session) {
    redirect("/signin");
  }

  const accounts = await listAccounts();
  console.log(accounts);

  return (
    <Container>
      <div className="col-span-full space-y-4">
        <div className="flex items-center justify-center size-24 rounded-full overflow-hidden">
          <Image
            src={session.user.image as string}
            alt={session.user.name}
            width={300}
            height={300}
          />
        </div>
        <h1>Welcome {session.user.name}</h1>
        <EditBalanceForm />
        <Button onClick={signOut}>Sign Out</Button>
      </div>
    </Container>
  );
}

import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { auth } from "@/lib/auth";
import { Button } from "@/components/ui/button";
import Container from "@/components/layouts/container";
import Image from "next/image";
import { EditBalanceForm } from "@/components/forms/editBalance";
import { listAccounts } from "@/lib/auth-client";

async function signOut() {
  "use server";
  await auth.api.signOut({
    headers: await headers(),
  });
  redirect("/");
}

export default async function DashboardPage() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });

  if (!session) {
    redirect("/signin");
  }

  const accounts = await listAccounts();
  console.log(accounts);

  return (
    <Container>
      <div className="col-span-full space-y-4">
        <div className="flex items-center justify-center size-24 rounded-full overflow-hidden">
          <Image
            src={session.user.image as string}
            alt={session.user.name}
            width={300}
            height={300}
          />
        </div>
        <h1>Welcome {session.user.name}</h1>
        <EditBalanceForm />
        <Button onClick={signOut}>Sign Out</Button>
      </div>
    </Container>
  );
}

import { headers } from "next/headers";
import { redirect } from "next/navigation";
import { auth } from "@/lib/auth";
import { Button } from "@/components/ui/button";
import Container from "@/components/layouts/container";
import Image from "next/image";
import { EditBalanceForm } from "@/components/forms/editBalance";
import { listAccounts } from "@/lib/auth-client";

async function signOut() {
  "use server";
  await auth.api.signOut({
    headers: await headers(),
  });
  redirect("/");
}

export default async function DashboardPage() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });

  if (!session) {
    redirect("/signin");
  }

  const accounts = await listAccounts();
  console.log(accounts);

  return (
    <Container>
      <div className="col-span-full space-y-4">
        <div className="flex items-center justify-center size-24 rounded-full overflow-hidden">
          <Image
            src={session.user.image as string}
            alt={session.user.name}
            width={300}
            height={300}
          />
        </div>
        <h1>Welcome {session.user.name}</h1>
        <EditBalanceForm />
        <Button onClick={signOut}>Sign Out</Button>
      </div>
    </Container>
  );
}

P

Ping•8/25/25, 11:59 PM

You're using authClient in a RSC

P

Ping•8/25/25, 11:59 PM

It's ran on the server

V

vswOP•8/26/25, 12:00 AM

i see

P

Ping•8/26/25, 12:00 AM

auth.api.listAccounts should fix it ;)

P

Ping•8/26/25, 12:00 AM

Don't forget to pass headers

V

vswOP•8/26/25, 12:01 AM

do i need to await them 3 separate times or can i save the headers on a page load / capture

P

Ping•8/26/25, 12:02 AM

I'm not sure what you mean

V

vswOP•8/26/25, 12:02 AM

as in - literally just const headers = await headers()

is that fine to do or non-advisable?

P

Ping•8/26/25, 12:03 AM

Yeah that should be fine, I don't think it's actually asynchronous, it's mostly there for Next to identify that component to be RSC

P

Ping•8/26/25, 12:03 AM

But yeah

V

vswOP•8/26/25, 12:03 AM

Thanks for the help! That saved further headache

Resolving Discord ID during flow

Similar Threads

Similar Threads

Similar Threads