I am having trouble setting user data along with a token ID in a Cookie. The token is set correctly and appears in the console.log output, but my user JSON object is not being properly set and only shows as "object Object" in the Cookies. However, I can see my user data in the console.log. It seems like I am unable to convert JSON data into a cookie. Below is my code using Next.js and the packages I am utilizing for this task.
Packages Used:
- js-cookies
- Next.js - latest version
This is my API for user login:
import db from "../../helpers/initDB";
import User from "../../models/User";
import bcrypt from 'bcryptjs'
import jwt from 'jsonwebtoken'
db.connect();
// eslint-disable-next-line import/no-anonymous-default-export
export default async (req,res)=>{
const {email,password} = req.body
try{
if(!email || !password){
return res.status(422).json({error:"All Fields Are Required"})
}
const user = await User.findOne({email})
if(!user){
return res.status(404).json({error:"User does not exist with that email"})
}
const doMatch = await bcrypt.compare(password,user.password)
if(doMatch){
const token = jwt.sign({userId:user._id},process.env.JWT_SECRET,{
expiresIn:"7d"
})
const {name,role,email} = user
res.status(201).json({token,user:{name,role,email}})
}else{
return res.status(401).json({error:"Email or password do not match"})
}
}catch(err){
console.log(err)
}
}
db.disconnect();
My API is functioning correctly and returning the response status with all the necessary data.
Here is the part of the code where I am attempting to set the cookie:
console.log(res2)
Cookie.set('user', res2.user);
Cookie.set('token', res2.token);
router.push('/dashboard/')
And here is the console.log output showing the user data and token:
Object { token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2MWE4YzcwMGIxZmI3OWJmOGNjOWY3ZjUiLCJpYXQiOjE2Mzg1MTczODIsImV4cCI6MTYzOTEyMjE4Mn0.9T-B4c3xtsgCSGSWUMCZ_GU56FYC5VLeVDhGzAWiwjA", user: {…} }User: Object { name: "mohit nagar", role: "user", email: "[email protected]" }
And here are the cookies:
{ "Request Cookies": { "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2MWE4YzcwMGIxZmI3OWJmOGNjOWY3ZjUiLCJpYXQiOjE2Mzg1MTY1NzcsImV4cCI6MTYzOTEyMTM3N30.PoBD03Qp-7-iN5yvnjvQfflTI5DO8z3Lqk3sMYZs0Y0", "user": "[object Object]" } }
I'm unsure about what I might be doing wrong in this process.