ayush_uidev Posts - Answer Overflow

ayush_uidev

•Created by ayush_uidev on 7/8/2023 in #questions

Zod type email string and number message not working correctly

Hey guys i am facing a issue i am also new to typescript

const authschem = z.object({
  email: z.union([
    z.string().email({ message: "Please enter a valid email address" }),
    z.number()
      .min(10, { message: "Invalid number" })
      .max(10, { message: "Invalid number" }),
  ]),
  password: z.string(),
});

const authschem = z.object({
  email: z.union([
    z.string().email({ message: "Please enter a valid email address" }),
    z.number()
      .min(10, { message: "Invalid number" })
      .max(10, { message: "Invalid number" }),
  ]),
  password: z.string(),
});

i am using this type for react-hooks-forms and i want the email to either be string or number and when it is number show Invalid number message and when incorrect email message but it is only showing email message everytime how can i achive something like this

4 replies

TTCTheo's Typesafe Cult

•Created by ayush_uidev on 7/6/2023 in #questions

Redirect next-auth signIn to history page

Hi guys i am facing a issue i have create a custom signin page and i am using credientials provider how to achive the redirect after signIn to the page it was opened before log in. like if i dont have a sigin page the default signpage of next-auth redirect to the perticulate page i have been redirected to the signin page how can i achive auth redirect after for more context i am using nextjs app dir

18 replies

TTCTheo's Typesafe Cult

•Created by ayush_uidev on 6/19/2023 in #questions

Passing and Accessing Authentication Tokens from External Backend to Client-side Components in Next.

How can I pass the authentication token obtained from an external backend to client-side components in Next.js when using Next-Auth for authentication? I am currently using const session = await getServerSession(authOptions); in server-side components, but how can I access the session in client-side components? dir app/api/auth/[...nextauth]

export const authOptions: NextAuthOptions = {
  session: {
    strategy: "jwt",
  },
  providers: [
    CredentialsProvider({
      name: "Credentials",
      credentials: {
        email: {
          label: "Email",
          type: "email",
        },
        password: { label: "Password", type: "password" },
      },
      async authorize(credentials) {
        try {
          const res = await fetch(
            "http://ec2-...../api/admin/signIn",
            {
              method: "POST",
              body: JSON.stringify(credentials),
              headers: { "Content-Type": "application/json" },
            }
          );
          const user = await res.json();
          return user;
        } catch (error) {
          throw new Error(
            errorMessage ? JSON.stringify(errorMessage) : String(error)
          );
        }
      },
    }),
  ],
  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.role = user.role;
        token.name = user.name;
        token.token = user.token;
      }
      return token;
    },
    async session({ session, token, user }) {
      if (token) {
        session.user.role = token.role;
        session.user.name = token.name;
        session.user.token = token.token;
      }
      return session;
    },
  },
};
const handler = NextAuth(authOptions);
export { handler as GET, handler as POST };

export const authOptions: NextAuthOptions = {
  session: {
    strategy: "jwt",
  },
  providers: [
    CredentialsProvider({
      name: "Credentials",
      credentials: {
        email: {
          label: "Email",
          type: "email",
        },
        password: { label: "Password", type: "password" },
      },
      async authorize(credentials) {
        try {
          const res = await fetch(
            "http://ec2-...../api/admin/signIn",
            {
              method: "POST",
              body: JSON.stringify(credentials),
              headers: { "Content-Type": "application/json" },
            }
          );
          const user = await res.json();
          return user;
        } catch (error) {
          throw new Error(
            errorMessage ? JSON.stringify(errorMessage) : String(error)
          );
        }
      },
    }),
  ],
  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.role = user.role;
        token.name = user.name;
        token.token = user.token;
      }
      return token;
    },
    async session({ session, token, user }) {
      if (token) {
        session.user.role = token.role;
        session.user.name = token.name;
        session.user.token = token.token;
      }
      return session;
    },
  },
};
const handler = NextAuth(authOptions);
export { handler as GET, handler as POST };

9 replies

Gaming

Programming