Vuex panel display state recursively

[louim]

Version

5.0.0-beta.3

Browser and OS info

Chrome 70.0.3538.67 / Mac OS X 10.13

Steps to reproduce

Apologies if I can't offer clearer reproduction steps.
I was using Vue devtools 4.1.5 beta, and switched to 5.0.0.beta 3 to get Vuex mutations on init (#723).
Since switching, my state is displayed recursively in the Vuex panel.

What is expected?

State correspond to actual store state. (this is what is looks like in 4.1.5 beta)

What is actually happening?

State is shown recursively. At the end of a mutation, the state is shown as still "recording"? (this is what is looks like in 5.0.0.beta 3)

Once I click the button, the state look like this:

Details

This is what my state looks like when I hit the export button in 4.1.5 beta:

{
  "loading": false,
  "annotable": "gid://elite/Project/14",
  "notes": {
    "notes": [
      {
        "id": 1,
        "body": "some text.\nSome more text.",
        "createdAt": "2018-10-11T16:04:19.117-04:00",
        "updatedAt": "2018-10-12T16:04:51.489-04:00",
        "user": {
          "id": 336,
          "name": "N S",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/1?locale=fr"
      },
      {
        "id": 2,
        "body": "Hello!\n\nBye!",
        "createdAt": "2018-10-11T16:04:19.117-04:00",
        "updatedAt": "2018-10-12T16:04:44.359-04:00",
        "user": {
          "id": 336,
          "name": "N S",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/2?locale=fr"
      },
      {
        "id": 3,
        "body": "a brand new note!",
        "createdAt": "2018-10-12T15:20:13.090-04:00",
        "updatedAt": "2018-10-12T15:20:13.090-04:00",
        "user": {
          "id": 336,
          "name": "N S",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/3?locale=fr"
      },
      {
        "id": 5,
        "body": "Nouvelle note from JP edited",
        "createdAt": "2018-10-12T16:39:55.575-04:00",
        "updatedAt": "2018-10-12T16:42:57.025-04:00",
        "user": {
          "id": 325,
          "name": "A B",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/5?locale=fr"
      },
      {
        "id": 7,
        "body": "test test\ntest",
        "createdAt": "2018-10-12T18:37:57.620-04:00",
        "updatedAt": "2018-10-16T17:46:29.152-04:00",
        "user": {
          "id": 325,
          "name": "A B",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/7?locale=fr"
      },
      {
        "id": 8,
        "body": "Brand new note",
        "createdAt": "2018-10-16T17:47:32.018-04:00",
        "updatedAt": "2018-10-16T17:47:32.018-04:00",
        "user": {
          "id": 325,
          "name": "A B",
          "email": "redacted"
        },
        "url": "http://localhost:3000/notes/8?locale=fr"
      }
    ],
    "model": {}
  }
}

This is what the state looks like when I export state in 5.0.0.beta 3

[
  {
    "loading": 1,
    "annotable": 0,
    "notes": 2
  },
  false,
  {
    "notes": 0,
    "model": 3
  },
  {}
]

Let me know if I can provide more details.