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) /**