Nested tree component with dynamic data loading

[chenxiaoyao6228]

I'm trying to implement a tree structure with dynamic data loading,

on first page load, it should only load the first level of the data,

when the user clicks the tree item to expand, it will load the next level by parentId

on traditional SPA, it's very easy to implement this cuz I might have a global store( eg: zustand)

but in Remix the docs recommend me to derived state directly from the server or store data to 'cookie', 'url', which is unreasonable on my case

so my question is: how should I handle my state(nested tree) on remix, any examples ?