[Example breaking] Unable to save the flow

When I trying to click on the save and restore buttons on this webpage https://reactflow.dev/examples/save-and-restore/ I am not able to see the object being logged into the console.

Also I tried using the example as given here https://github.com/wbkd/react-flow/tree/main/example/src/SaveRestore

I am getting the following error.

localforage.js:1053 Uncaught (in promise) DOMException: Failed to execute 'put' on 'IDBObjectStore': Symbol(react.element) could not be cloned.
    at http://localhost:3000/static/js/vendors~main.chunk.js:43466:33
    at createTransaction (http://localhost:3000/static/js/vendors~main.chunk.js:43219:11)
    at http://localhost:3000/static/js/vendors~main.chunk.js:43451:13

This is the line that is throwing the error var req = store.put(value, key);

[TheJustExper]

Currently I am using a React component as the Label and when saving I get this error, the user had probably done the same thing, how would I go about saving it this way.

[gryslik]

I am getting exactly the same error.

I tried to get around it by doing the following in the save function localforage.setItem(flowKey, JSON.stringify(flow));

and then the below in the load function.

 const flow_data = await localforage.getItem(flowKey);
      const flow = JSON.parse(flow_data);

However then it throws me an error: react-dom.development.js:13413 Uncaught Error: Objects are not valid as a React child (found: object with keys {type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.