How to store a long string in Js Cookies?

Hi I am working with JsCookies it is working good but I am facing a problem

Whenever I store a short string in the cookies, it is working fine but the drawback is i am not able to store long strings in cookies

for example

This is working fine = Cookies.set('Coo', 'string', { expires: 1 })

But facing problem when ever i am trying to store stringified JSON data(large string)

Cookies.set('foo', JSON.stringify(result))

Please help

Cookies should not be used to store large amounts of data. They should be used for stuff like user authorization and configuration options (which, all together, don't add up to much of a payload). Use cookies when the data is relevant to both the client on the server on every request.

Large payloads in cookies should not be sent with every request; it'd be bandwidth-intensive and unnecessary. Instead, either:

• If the server doesn't need the information, and you're just using it for client-side storage, use Local Storage instead
• If the server does need the information, send the data to the server once (or, at least, send it to the server in a separate request, but not in the cookies) - such as through XHR.
• If the server will have the information and the client needs it, send the data to the client some other way, instead of bundling it inside a cookie. For example, you could send the data by embedding it in the HTML response sent to the client, or by having the client make a network request to the server, and have the server respond with the data as JSON.