how to pass object as params in Router.push() in nextjs and access that object in other component

Question

Router.push({pathname: '/card', query:{data: ObjectData}})

I get query as empty value could not pass object into it

Answer 1

you can pass your params like this case:

router.push({
      pathname: '/card',
      query: { data: JSON.stringify(ObjectData)}
  })

and you can get params in card component like this:

JSON.parse(props.router.query.data);