❌ tRPC failed on partition.getAll: UNAUTHORIZED

Karlos · 2023-03-22T23:55:42.394Z

Hello gentle-men/waman, i have been struggling with implementing a custom credential provider the last two days.. haven't slept properly.. and now i must admit i need assistance. I have successfully implemented the "login/nextauth" part of the job, in the client side.. but when i call my queries from client i get ❌ tRPC failed on partition.getAll: UNAUTHORIZED .. I think the solution is that i somehow get my session from useSession() send to TRCP or auth by TRCP, but i dont know... thats what been bugging me the last 48 hours.. please some kind soul.. HELP MEE 🤯 P.S it think has something to do with the way the protected procedure autheticates a user. P.P.S if you need any futher information. Please dont hesitate to ask me. Thanks in advance!!

K

KarlosOP•3/23/23, 12:21 AM

K

KarlosOP•3/23/23, 12:22 AM

getAll: protectedProcedure.query(({ ctx }) => {
    console.log(ctx);
    return ctx.prisma.project.findMany({
      where: {
        userId: ctx.session.user.id,
      },
    });
  }),

getAll: protectedProcedure.query(({ ctx }) => {
    console.log(ctx);
    return ctx.prisma.project.findMany({
      where: {
        userId: ctx.session.user.id,
      },
    });
  }),

getAll: protectedProcedure.query(({ ctx }) => {
    console.log(ctx);
    return ctx.prisma.project.findMany({
      where: {
        userId: ctx.session.user.id,
      },
    });
  }),

getAll: protectedProcedure.query(({ ctx }) => {
    console.log(ctx);
    return ctx.prisma.project.findMany({
      where: {
        userId: ctx.session.user.id,
      },
    });
  }),

J

ja_iy•3/23/23, 12:29 AM

owo7 are you calling the procedure after useSession has finished authenticating on the client side (using enabled in the useQuery call)

K

KarlosOP•3/23/23, 12:34 AM

const { data: projects, refetch: refetchProjects } =
    api.project.getAll.useQuery(
      undefined, // no input
      {
        enabled: session?.user !== undefined,
        onSuccess: (data) => {
          setSelectedProject(selectedProject ?? data[0] ?? null);
        },
      }
    );

const { data: projects, refetch: refetchProjects } =
    api.project.getAll.useQuery(
      undefined, // no input
      {
        enabled: session?.user !== undefined,
        onSuccess: (data) => {
          setSelectedProject(selectedProject ?? data[0] ?? null);
        },
      }
    );

const { data: projects, refetch: refetchProjects } =
    api.project.getAll.useQuery(
      undefined, // no input
      {
        enabled: session?.user !== undefined,
        onSuccess: (data) => {
          setSelectedProject(selectedProject ?? data[0] ?? null);
        },
      }
    );

const { data: projects, refetch: refetchProjects } =
    api.project.getAll.useQuery(
      undefined, // no input
      {
        enabled: session?.user !== undefined,
        onSuccess: (data) => {
          setSelectedProject(selectedProject ?? data[0] ?? null);
        },
      }
    );

K

KarlosOP•3/23/23, 12:35 AM

this is how i do

K

KarlosOP•3/23/23, 12:45 AM

am i doing something wrong?

J

ja_iy•3/23/23, 12:50 AM

that looks good to me, maybe the shape of the session was changed somehow on the server side then, have you tried console logging the ctx in the protectedProcedure middleware

K

KarlosOP•3/23/23, 12:52 AM

yeah when i do that i just get null

J

ja_iy•3/23/23, 12:53 AM

for the entire ctx or just session :3?

K

KarlosOP•3/23/23, 12:55 AM

J

ja_iy•3/23/23, 12:58 AM

ah srry was looking inside getSeverAuthSession at ctx xd, not sure whats going wrong then ill try setup cred provider to see

Jja_iy ah srry was looking inside getSeverAuthSession at ctx xd, not sure whats going w...

K

KarlosOP•3/23/23, 1:01 AM

thanks for the help man really appreciate it !! im losing my mind here XD also pretty new to the stack

K

KarlosOP•3/23/23, 2:07 AM

I am going to sleep its 3 AM here in DK, if you have any input or solution please post it here i will look at it first thing in the morning

J

ja_iy•3/23/23, 5:20 AM

The trpc api routes seem to be working for me using creds,

If your getting the session with the correct shape on the client side then only thing I can think of is missing NEXTAUTH_SECRET env variable, you can set it in the .env file and then in authOptions in 'src/server/auth.ts' https://next-auth.js.org/configuration/options#nextauth_secret

Alternatively you could try using the getToken method instead of getServerSession inside of getServerAuthSession to see if the token is valid then could be some problem with getting the session from the token on the server.

export const getServerAuthSession = async (ctx: { req: GetServerSidePropsContext["req"], res: GetServerSidePropsContext["res"] }) => {
    const session = await getServerSession(ctx.req, ctx.res, authOptions)
    const token = await getToken({ req:ctx.req })

    console.log('SESSION:', session, 'TOKEN:', token)
    return session
}

export const getServerAuthSession = async (ctx: { req: GetServerSidePropsContext["req"], res: GetServerSidePropsContext["res"] }) => {
    const session = await getServerSession(ctx.req, ctx.res, authOptions)
    const token = await getToken({ req:ctx.req })

    console.log('SESSION:', session, 'TOKEN:', token)
    return session
}

export const getServerAuthSession = async (ctx: { req: GetServerSidePropsContext["req"], res: GetServerSidePropsContext["res"] }) => {
    const session = await getServerSession(ctx.req, ctx.res, authOptions)
    const token = await getToken({ req:ctx.req })

    console.log('SESSION:', session, 'TOKEN:', token)
    return session
}

export const getServerAuthSession = async (ctx: { req: GetServerSidePropsContext["req"], res: GetServerSidePropsContext["res"] }) => {
    const session = await getServerSession(ctx.req, ctx.res, authOptions)
    const token = await getToken({ req:ctx.req })

    console.log('SESSION:', session, 'TOKEN:', token)
    return session
}

https://next-auth.js.org/tutorials/securing-pages-and-api-routes#using-gettoken

I'm new to stack aswell is pretty cool : D, hope u had good sleep lmk results OwO.

Securing pages and API routes | NextAuth.js

You can easily protect client and server side rendered pages and API routes with NextAuth.js.

Options | NextAuth.js

Environment Variables

K

KarlosOP•3/23/23, 9:47 AM

i cant seem to get it working, i would love to have a look at your code if its possbile, to see if missed something. Do you have it on github?

J

ja_iy•3/23/23, 10:06 AM

can put it up sec

J

ja_iy•3/23/23, 10:09 AM

https://github.com/ja-iy/t3-cred-test

GitHub

GitHub - ja-iy/t3-cred-test

Contribute to ja-iy/t3-cred-test development by creating an account on GitHub.

J

ja_iy•3/23/23, 10:13 AM

make this .env file

# When adding additional environment variables, the schema in "/src/env.mjs"
# should be updated accordingly.

# Prisma
# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
DATABASE_URL="file:./db.sqlite"

# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
NEXTAUTH_SECRET="OwO"
NEXTAUTH_URL="http://localhost:3000"

# Next Auth Discord Provider
DISCORD_CLIENT_ID=""
DISCORD_CLIENT_SECRET=""

# When adding additional environment variables, the schema in "/src/env.mjs"
# should be updated accordingly.

# Prisma
# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
DATABASE_URL="file:./db.sqlite"

# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
NEXTAUTH_SECRET="OwO"
NEXTAUTH_URL="http://localhost:3000"

# Next Auth Discord Provider
DISCORD_CLIENT_ID=""
DISCORD_CLIENT_SECRET=""

# When adding additional environment variables, the schema in "/src/env.mjs"
# should be updated accordingly.

# Prisma
# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
DATABASE_URL="file:./db.sqlite"

# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
NEXTAUTH_SECRET="OwO"
NEXTAUTH_URL="http://localhost:3000"

# Next Auth Discord Provider
DISCORD_CLIENT_ID=""
DISCORD_CLIENT_SECRET=""

# When adding additional environment variables, the schema in "/src/env.mjs"
# should be updated accordingly.

# Prisma
# https://www.prisma.io/docs/reference/database-reference/connection-urls#env
DATABASE_URL="file:./db.sqlite"

# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
NEXTAUTH_SECRET="OwO"
NEXTAUTH_URL="http://localhost:3000"

# Next Auth Discord Provider
DISCORD_CLIENT_ID=""
DISCORD_CLIENT_SECRET=""

then run

npm install
npx prisma migrate dev
npm run db-seed

the username and passowrd to login are in the seed file '/prisma/seed.ts'

K

KarlosOP•3/23/23, 10:49 AM

i get this error

  error : Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'
[Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'scandir',
  path: '/Users/karlos/Desktop/Again/Viddoe/migrations'
}

  error : Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'
[Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'scandir',
  path: '/Users/karlos/Desktop/Again/Viddoe/migrations'
}

  error : Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'
[Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'scandir',
  path: '/Users/karlos/Desktop/Again/Viddoe/migrations'
}

  error : Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'
[Error: ENOENT: no such file or directory, scandir '/Users/karlos/Desktop/Again/Viddoe/migrations'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'scandir',
  path: '/Users/karlos/Desktop/Again/Viddoe/migrations'
}

`

K

KarlosOP•3/23/23, 10:49 AM

when running prisma migrate dev

K

KarlosOP•3/23/23, 10:51 AM

i am using mongodb as databse

J

ja_iy•3/23/23, 10:52 AM

ive only used mysql / sqlite so not sure what steps need to setup mongoDB srry

J

ja_iy•3/23/23, 10:55 AM

if want can get in a call and share screen to try help

K

KarlosOP•3/23/23, 10:57 AM

Yeah sure, thanks alot! i only have about 20 min, so hopefully can get it done in that time

K

KarlosOP•3/23/23, 10:59 AM

Should i call you?

J

ja_iy•3/23/23, 11:00 AM

oki

❌ tRPC failed on partition.getAll: UNAUTHORIZED

Similar Threads

Similar Threads

Similar Threads