redirect uri mismatch passport js - node.js

Question

I'm trying to do a google login using passport js and express but I'm getting redirect uri mismatch error over and over again. I checked multiple times that redirect uri in my code is the same as in the google developer console but the issue still persists.
passport js config:
import passport from "passport";
import { Strategy } from "passport-google-oauth20";
import db from "../../lib/database.js";
export default function (passport: passport.PassportStatic) {
passport.use(
new Strategy(
{
clientID: process.env.GOOGLE_CLIENT_ID,
clientSecret: process.env.GOOGLE_CLIENT_SECRET,
callbackURL: "http://127.0.0.1:3000/auth/google/callback",
},
async (accessToken, refreshToken, profile, done) => {
const user = db.user.findFirst({
where: {
authProvider: "google",
authProviderId: profile.id,
},
});
if (!user) {
const newUser = db.user.create({
data: {
authProvider: "google",
authProviderId: profile.id,
name: profile.displayName,
email: profile.emails[0].value,
},
});
return done(null, newUser);
}
return done(null, user);
}
)
);
}
auth router:
import passport from "passport";
import express from "express";
import passportConfig from "../configs/passportConfig.js";
passportConfig(passport);
const router = express.Router();
router.get(
"/auth/google",
passport.authenticate("google", { scope: ["profile"] })
);
router.get(
"/auth/google/callback",
passport.authenticate("google", { failureRedirect: "/login" }),
function (req, res) {
// Successful authentication, redirect home.
res.redirect("/");
}
);
export default router;
authorized redirect uris in google console: