`shouldExpandNodeInitially` causes a confusing visual bug where the array looks like an empty array, objects behave similar

[Seigiard]

shouldExpandNodeInitially works, but it causes a confusing visual bug where the array looks like an empty array.

Also user should click it twice to open it.

How it looks now:

Expecting

Also, it works strangely with objects.

How it looks now:

Expecting

Video
https://github.com/user-attachments/assets/b93b19b8-26a0-4c2b-add8-ac3628ad1591

Playground:
https://stackblitz.com/edit/vitejs-vite-jnppc39x?file=src%2FApp.tsx

[jaywcjlove]

react-json-view/example/src/demo.tsx

Lines 33 to 49 in c76a9ee

	const shouldExpandNodeInitially: ShouldExpandNodeInitially<object> = (isExpanded, props) => {
	const { value, level, keyName, parentValue, keys } = props;
	console.log('~~~~:', keyName, level, parentValue, keys);
	const isArray = Array.isArray(value);
	const isObject = typeof value === 'object' && !isArray;
	if (isArray) {
	return isExpanded || value.length > 5;
	}
	if (isObject && level > 3) {
	return isExpanded || true; // Expand if it's an object and level is greater than 3
	}
	return isExpanded;
	};
	export default function App() {
	return <JsonView value={example} displayObjectSize={false} shouldExpandNodeInitially={shouldExpandNodeInitially} />;
	}

@Seigiard Looks like I’ve fixed it

[Seigiard]

Confirmed! Works like a charm!