diff --git a/src/components/DataKeyPair.tsx b/src/components/DataKeyPair.tsx
index cbafabfe..785ae1bb 100644
--- a/src/components/DataKeyPair.tsx
+++ b/src/components/DataKeyPair.tsx
@@ -32,7 +32,7 @@ const IconBox = styled(props => )`
export const DataKeyPair: React.FC = (props) => {
const { value, path, nestedIndex } = props
- const propsEditable = props.editable ?? true
+ const propsEditable = props.editable ?? false
const storeEditable = useJsonViewerStore(store => store.editable)
const editable = useMemo(() => {
if (storeEditable === false) {
diff --git a/src/stores/JsonViewerStore.ts b/src/stores/JsonViewerStore.ts
index 5f360a1a..baf209b5 100644
--- a/src/stores/JsonViewerStore.ts
+++ b/src/stores/JsonViewerStore.ts
@@ -51,7 +51,7 @@ export const createJsonViewerStore = (props: JsonViewerProps) =>
rootName: props.rootName ?? 'root',
onChange: props.onChange ?? (() => {}),
keyRenderer: props.keyRenderer ?? DefaultKeyRenderer,
- editable: props.editable ?? true,
+ editable: props.editable ?? false,
defaultInspectDepth: props.defaultInspectDepth ?? 5,
objectSortKeys: props.objectSortKeys ?? false,
quotesOnKeys: props.quotesOnKeys ?? true,
diff --git a/src/type.ts b/src/type.ts
index 3a5376a2..473e3d08 100644
--- a/src/type.ts
+++ b/src/type.ts
@@ -78,7 +78,7 @@ export type JsonViewerProps = {
* Pass `false` to turn off the edit feature.
* Pass a function to customize the result.
*
- * @default true
+ * @default false
*/
editable?: boolean | ((path: Path, currentValue: U) => boolean)
/**