[data grid] Grid not getting state applied after retrieval from local storage about mui-x HOT 7 CLOSED

Thanks. I'm in the process of trying to filter out some stuff right now. It was much smaller when it started but the revisions things grew. Thanks again for your assistance. I think the confusion is this has so much code from the changes and no deletions.

from mui-x.

When receiving the state from localStorage is it in JSON format. You have to parse this to apply it with apiRef.current.restoreState(). Example:

if (apiRef.current && stateFromLocal) {
  apiRef.current.restoreState(JSON.parse(stateFromLocal));
}

After that change it will work!

from mui-x.

Thanks this is working. 1 other question, how do I get the list of saved stated to update in the dropdown once I delete 1.

from mui-x.

You have implemented a reducer for that... at least it does look like it.
Think of the reducer as your internal state. Now on unmounting the component (or navigating away) you should store the current reducer state to localStorage and retrieve it once you mount the component or navigate back to it.

But the details of this implementation are up to you and a good place to ask these kinds of questions would be StackOverflow. The community there can help you with that problem.

If the original issue is resolved please feel free to close the issue. Thanks! 🙇🏼

from mui-x.

Thanks, I thought that the support purchased was to assist with questions such as these. Sorry to trouble you.

from mui-x.

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.

How did we do @lisaWriteJava?
Your experience with our support team matters to us. If you have a moment, please share your thoughts through our brief survey.

from mui-x.

Thanks, I thought that the support purchased was to assist with questions such as these. Sorry to trouble you.

Typically you would be right, but the question you asked is unrelated to our components and more of a general react question. We do provide a demo on how to store and restore state from localStorage. With a slight variation on this you should be able to implement the desired behavior. Just use the methods described there and change the "point of contact" as well as the data flow to when you initialize/mount (and later unmount) your reducer.

Basically the place where you pass in DEMO_INITIAL_STATE you need to pass in the state you retrieved from localStorage.

Now for deletion you just need to update the List you pass the state from the reducer instead of the one from localStorage

{Object.keys(state).map((label, index) => (
  <ViewListItem
    label={label}
    index={index}
    onDelete={handleDeleteView}
    onSelect={() => handleSetActiveView(label, index)}
  />
))}

This should be enough to fix the problem. You should think about separating the code as well. it is hard to navigate like this. Just as a tip! 👍🏼

from mui-x.