diff --git a/src/JSONValueNode.js b/src/JSONValueNode.js
index 67e6487..3c3f337 100644
--- a/src/JSONValueNode.js
+++ b/src/JSONValueNode.js
@@ -45,9 +45,9 @@ export default class JSONValueNode extends React.Component {
{this.props.labelRenderer(this.props.keyName)}:
"{this.props.valueRenderer(this.props.valueGetter(this.props.value))}"
+ color: this.props.valueColor,
+ ...this.props.styles.getValueStyle(this.props.nodeType, true)
+ }}>{this.props.valueRenderer(this.props.valueGetter(this.props.value))}
);
}
diff --git a/src/grab-node.js b/src/grab-node.js
index 9bc530b..7cb9916 100644
--- a/src/grab-node.js
+++ b/src/grab-node.js
@@ -47,19 +47,19 @@ export default function({
case 'Iterable':
return ;
case 'String':
- return ;
+ return `"${raw}"`} />;
case 'Number':
- return ;
+ return ;
case 'Boolean':
- return raw ? 'true' : 'false'} />;
+ return raw ? 'true' : 'false'} />;
case 'Date':
- return raw.toISOString()} />;
+ return raw.toISOString()} />;
case 'Null':
- return null} />;
+ return 'null'} />;
case 'Undefined':
- return undefined} />;
+ return 'undefined'} />;
case 'Function':
- return raw.toString()} />;
+ return raw.toString()} />;
default:
return false;
}