[data grid] is there a way to export datagrid state on unload event?

[NareshMurthy]

Order ID 💳

56539

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

The problem in depth 🔍

I have a data grid pro, and am trying to store the datagrid state on component unload event(user navigates to another page), and restore the datagrid state once the user comes back the page again.
Is there a recommended way to do this?

Thanks!

Your environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[cherniavskii]

Hi @NareshMurthy
We are going to add such a demo to our docs.
Here's a working example in the Codesandbox: https://codesandbox.io/s/suspicious-leftpad-k7v8te?file=/demo.tsx

[NareshMurthy]

@cherniavskii Thanks this helped a lot
I tried this example, but the event fires only on page reload or url change.
I have a link which navigates to another component using react-router-dom, in that case the unload of datagrid component is not fired

[michelengelen]

Hey @NareshMurthy ... we recently added a recipe that handles your use-case. Check out this part of the docs: Save and restore the state from external storage.

I am closing this issue now as per the reasoning above!

If this is not sufficient or when you have follow-up questions please feel free to re-open this issue and tag me! Glad to help you!