Small update to demo

Author: CarlosNZ

README.md

@@ -215,7 +215,7 @@ However, you can pass in your own theme object, or part thereof. The theme struc
 
 ```
 
-The `styles` property is the main one to focus on. Each key (`property`, `bracket`, `itemCount`) refers to a part of the UI. The value for each key is *either* a `string`, in which case it is interpreted as the colour (or background colour in the case of `container` and `inputHighlight`), *or* a full CSS style object for fine-grained definition. You only need to provide properties you wish to override —— all unspecified ones will fallback to either the default theme, or another theme that you specify as the "base".
+The `styles` property is the main one to focus on. Each key (`property`, `bracket`, `itemCount`) refers to a part of the UI. The value for each key is *either* a `string`, in which case it is interpreted as the colour (or background colour in the case of `container` and `inputHighlight`), *or* a full CSS style object for fine-grained definition. You only need to provide properties you wish to override — all unspecified ones will fallback to either the default theme, or another theme that you specify as the "base".
 
 For example, if you want to use the "githubDark" theme, but just change a couple of small things, you'd specify something like this:
 

demo/src/App.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react'
-import { JsonEditor, ThemeName, Theme, themes } from './json-edit-react/src'
+// import { JsonEditor, ThemeName, Theme, themes } from './json-edit-react/src'
+import { JsonEditor, ThemeName, Theme, themes } from 'json-edit-react'
 import { FaNpm, FaExternalLinkAlt, FaGithub } from 'react-icons/fa'
 import { BiReset } from 'react-icons/bi'
 import { AiOutlineCloudUpload } from 'react-icons/ai'

demo/src/data.tsx

@@ -43,10 +43,6 @@ const data = {
         'To start a new line': 'Shift/Ctrl/Cmd-Enter (or just "Enter" when editing JSON nodes)',
         'When copying to clipboard': 'Hold down "Ctrl/Cmd" to copy path instead of data',
       },
-      object: {
-        name: 'Basic object data',
-        info: 'You can edit individual values, or even a whole object node at once.',
-      },
     },
   },
   starWars: {
@@ -70,7 +66,7 @@ const data = {
         </Text>
       </Flex>
     ),
-    // restrictEdit: ({ value }) => typeof value === 'object' && value !== null,
+    restrictEdit: ({ value }) => typeof value === 'object' && value !== null,
     restrictDelete: ({ value }) => typeof value === 'object' && value !== null,
     restrictAdd: ({ value }) => !Array.isArray(value),
     collapse: 1,