From 0b75d60813ecd91e0d644c9efcae7b6dfee87e26 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Mon, 14 Nov 2022 13:01:09 +1100
Subject: [PATCH] fix JSON side drawer field crashing if value is a firestore
 ref

---
 src/components/fields/Json/SideDrawerField.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/fields/Json/SideDrawerField.tsx b/src/components/fields/Json/SideDrawerField.tsx
index d6b15595..42c161b6 100644
--- a/src/components/fields/Json/SideDrawerField.tsx
+++ b/src/components/fields/Json/SideDrawerField.tsx
@@ -40,13 +40,14 @@ export default function Json({
   const [editor, setEditor] = useAtom(jsonEditorAtom, projectScope);
   const [codeValid, setCodeValid] = useState(true);
 
-  const sanitizedValue =
+  const baseValue =
     value !== undefined && isValidJson(value)
       ? value
       : column.config?.isArray
       ? []
       : {};
-  const formattedJson = stringify(sanitizedValue, { space: 2 });
+  const formattedJson = stringify(baseValue, { space: 2 });
+  const sanitizedValue = JSON.parse(formattedJson);
 
   if (disabled)
     return (