unable to set JSON object as cookie in nextjs using js-cookie - json

Question

i am trying to set some user data along with token ID in Cookie. Token is set perfectly and also in console.log output but my user JSON object is unable to set and shows me "object Object" as Cookies but my user data present in console.log. i think i am unable to convert JSON data into cookie. here is my code of nextjs and packages i use for this.
package use
js-cookies
nextjs - latest version
here 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 dont exists 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 dont match"})
}
}catch(err){
console.log(err)
}
}
db.disconnect();
my api is working fine and set the res.status with all my data.
here is code part where i am trying to set cookie
console.log(res2)
Cookie.set('user', res2.user);
Cookie.set('token', res2.token);
router.push('/dashboard/')
and here is my console.log output where user data and token is present
Object { token:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2MWE4YzcwMGIxZmI3OWJmOGNjOWY3ZjUiLCJpYXQiOjE2Mzg1MTczODIsImV4cCI6MTYzOTEyMjE4Mn0.9T-B4c3xtsgCSGSWUMCZ_GU56FYC5VLeVDhGzAWiwjA", user: {…} }
​
user: Object { name: "mohit nagar", role: "user", email: "gujjarmaxx#gmail.com" }
​
: Object { … }
and here is my cookies
{
"Request Cookies": {
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySWQiOiI2MWE4YzcwMGIxZmI3OWJmOGNjOWY3ZjUiLCJpYXQiOjE2Mzg1MTY1NzcsImV4cCI6MTYzOTEyMTM3N30.PoBD03Qp-7-iN5yvnjvQfflTI5DO8z3Lqk3sMYZs0Y0",
"user": "[object Object]"
}
}
i don't know what i am doing wrong.

Answer 1

A value of a cookie must be a string. You can stringify your user object into JSON
Cookie.set('user', JSON.stringify(res2.user))
When you want to read your cookie you will parse the string
const user = JSON.parse(Cookie.get('user'))