This is the version that worked for me in TypeScript/ReactJS:

document.querySelector('link[rel="canonical"]')?.setAttribute("content", "NEW_HREF_GOES_HERE");