From b01f5c2a5cb62cfd3e0df9da5570925f3a6f077a Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 25 Jul 2022 11:33:54 +0200
Subject: [PATCH] fix(devtools): state formatting

Fix #1358
---
 packages/pinia/src/devtools/plugin.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/pinia/src/devtools/plugin.ts b/packages/pinia/src/devtools/plugin.ts
index 04e4abdc..97b08c46 100644
--- a/packages/pinia/src/devtools/plugin.ts
+++ b/packages/pinia/src/devtools/plugin.ts
@@ -134,7 +134,7 @@ export function registerPiniaDevtools(app: DevtoolsApp, pinia: Pinia) {
               value: store._isOptionsAPI
                 ? {
                     _custom: {
-                      value: store.$state,
+                      value: toRaw(store.$state),
                       actions: [
                         {
                           icon: 'restore',
@@ -144,7 +144,11 @@ export function registerPiniaDevtools(app: DevtoolsApp, pinia: Pinia) {
                       ],
                     },
                   }
-                : store.$state,
+                : // NOTE: workaround to unwrap transferred refs
+                  Object.keys(store.$state).reduce((state, key) => {
+                    state[key] = store.$state[key]
+                    return state
+                  }, {} as StateTree),
             })
 
             if (store._getters && store._getters.length) {
-- 
2.47.3