Fix component LargeArray reaction 2

Author: YYsuni

src/components/large-array.tsx

@@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from 'react'
 import LargeArrayNode from './large-array-node'
 import { JsonViewContext } from './json-view'
 import { CustomizeOptions } from '../types'
-import { customAdd, customCopy, customDelete, editableAdd, editableDelete, ifDisplay, isCollapsed } from '../utils'
+import { customAdd, customCopy, customDelete, editableAdd, editableDelete, ifDisplay, isCollapsed, isCollapsed_largeArray } from '../utils'
 import { ReactComponent as AngleDownSVG } from '../svgs/angle-down.svg'
 import CopyButton from './copy-button'
 import { ReactComponent as DeleteSVG } from '../svgs/trash.svg'
@@ -27,9 +27,9 @@ export default function LargeArray({ node, depth, deleteHandle: _deleteSelf, ind
 	const { collapsed, enableClipboard, collapseObjectsAfterLength, editable, onDelete, src, onAdd, onEdit, onChange, forceUpdate, displaySize } =
 		useContext(JsonViewContext)
 
-	const [fold, setFold] = useState(isCollapsed(node, depth, indexOrName, collapsed, collapseObjectsAfterLength, customOptions))
+	const [fold, setFold] = useState(isCollapsed_largeArray(node, depth, indexOrName, collapsed, collapseObjectsAfterLength, customOptions))
 	useEffect(() => {
-		setFold(isCollapsed(node, depth, indexOrName, collapsed, collapseObjectsAfterLength, customOptions))
+		setFold(isCollapsed_largeArray(node, depth, indexOrName, collapsed, collapseObjectsAfterLength, customOptions))
 	}, [collapsed, collapseObjectsAfterLength])
 
 	// Delete self

src/stories/editable.stories.tsx

@@ -49,7 +49,7 @@ export default {
 			<div
 				className='flex h-full items-center justify-center overflow-auto p-8'
 				style={{ backgroundImage: 'linear-gradient(140deg, rgb(165, 142, 251), rgb(233, 191, 248))' }}>
-				<div className='max-w-[600px] rounded-xl bg-white/90 p-6 font-mono shadow backdrop-blur'>
+				<div className='max-w-[600px] shrink-0 rounded-xl bg-white/90 p-6 font-mono shadow backdrop-blur'>
 					<Story />
 				</div>
 			</div>
@@ -295,6 +295,7 @@ export const LargeArray: StoryObj<TYPE_FC> = {
 			largeArray: largeArray
 		},
 		editable: true,
-		displaySize: true
+		displaySize: true,
+		collapsed: 2
 	}
 }