Create and show pdf in page directly

My Goal - Create dynamic pdf and show it on the page inside the app directly.
Steps I have taken - Used pdf make and got the pdf opened in next tab.

 let docDefinition = {
      content: [
        {text: 'REMINDER', style: 'header'},
        {text: new Date().toTimeString(), alignment: 'right'},

        {text: 'From', style: 'subheader'},
        {text: this.letterObj.from},

        {text: 'To', style: 'subheader'},
        this.letterObj.to,

        {text: this.letterObj.text, style: 'story', margin: [0, 20, 0, 20]},

        {
          ul: [
            'Bacon',
            'Rips',
            'BBQ',
          ]
        }
      ],
      styles: {
        header: {
          fontSize: 18,
          bold: true,
        },
        subheader: {
          fontSize: 14,
          bold: true,
          margin: [0, 15, 0, 0]
        },
        story: {
          italic: true,
          alignment: 'center',
          width: '50%',
        }
      }
    }

  pdfMake.createPdf(docDefinition).open({}, window);

Question - I want to show the pdf inside the app with existing header and sidebar.
Please help me out or any suggestions.