so in one component I'm having a form and after filling the form details, when the send button is clicked I send the data in encrypted format to another component using header. Belowis the code:

send(){
     this.router.navigate(['/customerportal/insta-pay/insurance-plan'],{
        queryParams:{data:btoa(JSON.stringify(data))}
      })
}

and when I look at the header of the component, I find this:

http://localhost:4200/customerportal/insta-pay/insurance-plan?data=W3siY29udGFjdCI6eyJtb2JpbGVOdW1iZXIiOiI5OTg5ODM1ODk1IiwiZW1haWwiOiJ2aXNoYWwxMjNAZ21haWwuY29tIiwiZmlyc3ROYW1lIjoiZmRudnZu

And, what I want is that I want to trim the header URL after data=W3siY29udGFjdCI6eyJtb2JpbGVOdW1iZXIiOiI5OT

and also that this data should be deleted completely as it is showing/visible in the sources tab of the browser and when I click on it the data is visible and that page is still accessible with all the sensitive data information.