```js function FileExplorer(props: Props) { const [components, setComponents] = createStore(["/"]); const [current, setCurrent] = createStore>({}); const [directories, setDirectories] = createStore>({}); const [files, setFiles] = createStore>({}); onMount(() => { setCurrent(props.fs); loadData(); }); function loadData() { const dirs: typeof directories = {}; const fls: typeof files = {}; for (const key in current) { const item = current[key]; if (typeof item === "object") { dirs[key] = item; } else { fls[key] = item; } } setDirectories(dirs); setFiles(fls); } function intoDir(name: string) { setCurrent((prev) => prev[name]); setComponents((prev) => [...prev, name, "/"]); loadData(); } return (

{components.join("")}

{([name, value]) => ( intoDir(name)} /> )} {([name, value]) => ( {}} /> )}

); } ``` When the `intoDir` function is called the `current` store object is not replaced with the new object, rather it for some reason is `merging` both objects which I am having a hard time understanding.

[Solved] Change store object using reconcile

Similar Threads

Similar Threads

Similar Threads