diff --git a/demo/src/js/DemoApp.jsx b/demo/src/js/DemoApp.jsx
index 6865fcb..842ea5e 100644
--- a/demo/src/js/DemoApp.jsx
+++ b/demo/src/js/DemoApp.jsx
@@ -109,6 +109,9 @@ class DemoApp extends React.Component {
+
@@ -155,6 +158,7 @@ export default connect(
type: 'HUGE_PAYLOAD',
payload: Array.from({ length: 10000 }).map((_, i) => i)
}),
- addFunction: () => ({ type: 'ADD_FUNCTION' })
+ addFunction: () => ({ type: 'ADD_FUNCTION' }),
+ addSymbol: () => ({ type: 'ADD_SYMBOL' })
}
)(DemoApp);
diff --git a/demo/src/js/reducers.js b/demo/src/js/reducers.js
index e930896..5330200 100644
--- a/demo/src/js/reducers.js
+++ b/demo/src/js/reducers.js
@@ -90,5 +90,7 @@ export default combineReducers({
str => str + '!'
) : state,
addFunction: (state=null, action) => action.type === 'ADD_FUNCTION' ?
- { f: FUNC } : state
+ { f: FUNC } : state,
+ addSymbol: (state=null, action) => action.type === 'ADD_SYMBOL' ?
+ { s: Symbol('symbol') } : state
});
diff --git a/src/ActionPreview.jsx b/src/ActionPreview.jsx
index 2a61691..ff1aca8 100644
--- a/src/ActionPreview.jsx
+++ b/src/ActionPreview.jsx
@@ -30,6 +30,8 @@ function getItemString(createTheme, type, data) {
return 'fn';
} else if (typeof val === 'string') {
return `"${val.substr(0, 10) + (val.length > 10 ? '…' : '')}"`
+ } else if (typeof val === 'symbol') {
+ return 'symbol'
} else {
return val;
}
diff --git a/src/JSONDiff.jsx b/src/JSONDiff.jsx
index f4ff3a6..80dc57e 100644
--- a/src/JSONDiff.jsx
+++ b/src/JSONDiff.jsx
@@ -1,7 +1,7 @@
import React from 'react';
import JSONTree from '@alexkuz/react-json-tree';
import themeable from './themeable';
-import stringify from 'javascript-stringify';
+import { stringify } from 'jsan';
function stringifyAndShrink(val) {
const str = stringify(val);