Within my React application, I store a javascript object in the localStorage. This object represents the theme used in the app. The problem is that one of the components of this object is a `JSX` element:

```
{
  ...
  icon: <Logo />,
  ...
}

```

I then use this object all over my app:

```js
render() {
  return (
    <>
      {theme.icon}
    </>
  )
}

```

The problem now is when I save this object in localStorage using `JSON.stringify()`, the JSX object is 'broken' and is no longer considered a React object after using `JSON.parse()`.

If I look to the localStorage, the `icon` element is stored like this:

```
{key: null, ref: null, props: {width: "154", height: "79", viewBox: "0 0 154 79"}, _owner: null,…}

```

So have you an idea of I can store, extract and then use a JSX element from localStorage?