diff --git a/app/src/components/ui/complex/ExternalReferences.js b/app/src/components/ui/complex/ExternalReferences.js
index 4729ca0..fd59467 100644
--- a/app/src/components/ui/complex/ExternalReferences.js
+++ b/app/src/components/ui/complex/ExternalReferences.js
@@ -101,7 +101,7 @@ const ReferenceBlock = (props) => {
 
         blocks.push(
             <div key={uuid()} className="er-block-row">
-                <div>{item}: {props.kv[item]} {remove}</div>
+                <div>{item}: {JSON.stringify(props.kv[item])} {remove}</div>
             </div>
         )
     }
diff --git a/app/src/stores/App.js b/app/src/stores/App.js
index c220fe3..da6324e 100644
--- a/app/src/stores/App.js
+++ b/app/src/stores/App.js
@@ -448,6 +448,13 @@ export default class App {
     changeERValue(input, select, idx) {
         let nodeProp = this.selected.properties["external_references"].value;
 
+        try {
+            if (typeof JSON.parse(input) === "object") {
+                input = JSON.parse(input);
+            }
+        } catch (e) {
+        }
+
         nodeProp[idx][select] = input;
 
         this.bundle.objects.map(object => {