Localstorage of a circular object (socket.io)

Question

I'm trying to store and retrieve a socket.io session but react is throwing an error saying that it can't save a circular object.

I've tried to stringify the object but no luck. Any work around without going into Redux?

Store:

localStorage.setItem('socket', JSON.stringify(socket));

Retrieve:

const socket = localStorage.getItem("socket");

Attempting to stringify the object returns:

Uncaught TypeError: Converting circular structure to JSON at Object.stringify (<anonymous>) at <anonymous>:1:7

I can't actually copy the output as I can't stringify the object. If I try it just returns 'Uncaught TypeError: Converting circular structure to JSON at Object.stringify () at :1:7' — Stephanie Parker, Feb 11 '19 at 12:53
@dporechny that just returns `"[object Object]"` as a string — Stephanie Parker, Feb 11 '19 at 12:57
[Here](https://stackoverflow.com/questions/11616630/json-stringify-avoid-typeerror-converting-circular-structure-to-json) is something that can help you. — dporechny, Feb 11 '19 at 13:01
const JSON = require('circular-json'); use this for stringify it — Dhaval Patel, Feb 11 '19 at 13:03
check this https://codesandbox.io/s/x3xzxrvxv4 I have console it — Dhaval Patel, Feb 11 '19 at 13:04
Possible duplicate of [Chrome sendrequest error: TypeError: Converting circular structure to JSON](https://stackoverflow.com/questions/4816099/chrome-sendrequest-error-typeerror-converting-circular-structure-to-json) — Jatinder Kumar, Feb 11 '19 at 13:05
You can check reply at [post](https://stackoverflow.com/questions/4816099/chrome-sendrequest-error-typeerror-converting-circular-structure-to-json) by Eric Muyser. — Jatinder Kumar, Feb 11 '19 at 13:07
Thanks @DhavalPatel that works for setting into storage. But it errors when trying to retrieve and JSON.parse. `SyntaxError: JSON.parse Error: Invalid character at position:1` — Stephanie Parker, Feb 11 '19 at 13:13
nop is it so because in link I am storing it and retrieving it, please check again — Dhaval Patel, Feb 11 '19 at 13:17
@StephanieParker: make sure while parse you use the same const JSON = require("circular-json"); — Dhaval Patel, Feb 11 '19 at 13:21
What is socket? Sounds like a bad idea that you're trying to stringify and store that — Dominic, Feb 11 '19 at 13:56
Does not make sense on what you are trying to store in the first place. — epascarello, Feb 11 '19 at 14:15
@StephanieParker after retriving socket from localstorage. can you use socket's build in methods like `socket.emit?` If yes, then how? — Ashik, Nov 28 '20 at 05:47

score 1 · Accepted Answer · answered Feb 11 '19 at 14:10

1

You can use the inspect method you can import it immediately since it's from node with

const util = require('util')

And then inspect the object and log that

answered Feb 11 '19 at 14:10

Aron

38
5

Localstorage of a circular object (socket.io)

1 Answers1