javascript: can not set cookies with some names:

I’m trying to set a cookie notice on my site. Above code is giving me error: Cannot read properties of null.

I’m using this code to generate a cookie named LIDR to save the parameter ?lider=XXX But Chrome Devtool says that this cookie expire in session :-/

I have a Javascript code that fetch and API and fill a table. I also need to save and read cookies to indicate if the data fetched are now or no.

I am trying to learn cookies in js but the name=value pairs aren’t disappearing from console when I set a well past due expiration date. I think it is something to do with the error code with the CSP. Does anybody know how to fix?

I am getting a url parameter (referrer) and then setting it as a cookie – this works great.

This a solution, not a problem, but I’m still ranking in stackoverflow. When you paste this code, it will disappear the warning of “Third-party cookie will be blocked. Learn more in the Issues tab.”

So far this behavior is in Chrome and Firefox (latest versions of each).

Im adding a button with the google play badge image that I have generated using their own tool. But when I do so it adds 18 different cookies. I can’t figure out why.
When I run Lighthouse it complains about the use of 3rd party cookies.
When I remove below code and refresh the page all of the below 18 cookies go away.