JSON object changes when sent to server side?

Question

So I have an obj that looks like this when I log it from the client-side (in browser console):{
    "type": "doc",
    "content": [
        {
            "type": "codeBlock",
            "attrs": {
                "language": "js"
            },
            "content": [
                {
                    "type": "text",
                    "text": "function(){
console.log('test');
}"
                }
            ]
        }
    ]
}But when I log it from the server-side (in terminal) it looks like this:content: {
    type: 'doc',
    content: [
      {
        type: 'codeBlock',
        attrs: [Function (anonymous)],
        content: [
          {
            type: 'text',
            text: "function(){
console.log('test');
}"
          }
        ]
      }
    ]
  }attrs becomes a function? What could be the problem?

joulev · Accepted Answer

try structuredClone'ing the tiptap document before sending to the server. either structuredClone or JSON.parse(JSON.stringify(document))

JSON object changes when sent to server side?

2 Replies