如何使用Typescript在queryparams中获取对象？

在一个按钮中，我具有以下功能：

  inviewMockupEvent(data) {
    console.log(data);
    this.router.navigate(['/page-mockup'], { queryParams: { data: data },  skipLocationChange: true });
  }
console.log(data) give the result as {mockup_id: "123", project_id: "456", module_id: "678", release_id: "890", requirement_id: "432", …}

在导航的组件中，我按以下方式获取数据，

  ngOnInit() {
    this.activatedRoute.queryParams.subscribe(params => {
      let data = params['data'];
      console.log(data);
      console.log(JSON.stringify(data));
    });

哪里，

console.log(data) gives output as [object Object]
console.log(JSON.stringify(data)) gives output as "[object Object]"

并且，

console.log(data.mockup_id) gives result undefined

在这里，我需要检索对象值，但无法获取它。请帮助我通过查询参数检索数据并使用TypescriptngOnit而不使用html进行获取。