Two providers one user

Is there a way of having two providers (discord and steam) in next auth link up to the same user?

Solution:

got it just had to add allowDangerousEmailAccountLinking: true, to the provider options

14 Replies

I'm using next-auth/providers/discord for discord and next-auth-steam for steam provider and here's my [...nextauth].ts

import NextAuth from "next-auth";
import { authOptions } from "@/server/auth";
import DiscordProvider from "next-auth/providers/discord";
import SteamProvider from "next-auth-steam";
import type { NextApiRequest, NextApiResponse } from "next";
import { env } from "@/env.mjs";

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  authOptions.providers = [
    DiscordProvider({
      clientId: env.DISCORD_CLIENT_ID,
      clientSecret: env.DISCORD_CLIENT_SECRET,
    }),
    SteamProvider(req, {
      clientSecret: env.STEAM_SECRET!,
      callbackUrl: "http://localhost:3000/api/auth/callback/steam",
    }),
  ];
  return NextAuth(req, res, authOptions);
}

import NextAuth from "next-auth";
import { authOptions } from "@/server/auth";
import DiscordProvider from "next-auth/providers/discord";
import SteamProvider from "next-auth-steam";
import type { NextApiRequest, NextApiResponse } from "next";
import { env } from "@/env.mjs";

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  authOptions.providers = [
    DiscordProvider({
      clientId: env.DISCORD_CLIENT_ID,
      clientSecret: env.DISCORD_CLIENT_SECRET,
    }),
    SteamProvider(req, {
      clientSecret: env.STEAM_SECRET!,
      callbackUrl: "http://localhost:3000/api/auth/callback/steam",
    }),
  ];
  return NextAuth(req, res, authOptions);
}

kB_•2y ago

I mean you could but generally providers are handled separately

Solution

SafeShows•2y ago

got it just had to add allowDangerousEmailAccountLinking: true, to the provider options

kB_•2y ago

nice

SafeShows•2y ago

ik not the best but it works I guess

kB_•2y ago

yep whatever works

Leigham•2y ago

what steam provider did you use ?

SafeShows•2y ago

https://www.npmjs.com/package/next-auth-steam but I change some of the code on my end

npm

next-auth-steam

Steam authentication provider for next-auth. Latest version: 0.1.0, last published: a day ago. Start using next-auth-steam in your project by running npm i next-auth-steam. There are no other projects in the npm registry using next-auth-steam.

SafeShows•2y ago

I used this to patch the package https://www.npmjs.com/package/@milahu/patch-package

npm

@milahu/patch-package

Fix broken node modules with no fuss. Latest version: 6.4.14, last published: a year ago. Start using @milahu/patch-package in your project by running npm i @milahu/patch-package. There are 5 other projects in the npm registry using @milahu/patch-package.

next-auth-steam0.1.0...

SafeShows•2y ago

@Cox Insider I hope that help you ^^^

Leigham•2y ago

yeah, its similar to the one I made already, but still not compatible with auth.js 😦

SafeShows•2y ago

can I see ur one?

Leigham•2y ago

its like the one in the package, just uses fetch instead of the openid library

SafeShows•2y ago

ohh yeah that works too

Gaming

Programming

Two providers one user