MUI DataGrid Pro - restoreState with Column dimensions and columnVisibilityModel ignores column dimensions about mui-x

[vidup]

I can reproduce (scratched our heads with a colleague on the same issue). We used to save/restore automatically with a wrapper around the grid. Save works, but restore does not, for views that pass a columnVisibilityModel as prop.

Here is a workaround until the issue is fixed: you can pass an initial state as a prop with the same object.

Basically something like this (from localStorage in my case):

const initialState = useMemo(() => {
  const persistedState = localStorage.getItem(`grid-${persistenceID}`);
  return {
    pagination: { paginationModel: { page: 0, pageSize: 20 } },
    pinnedColumns: {
      left: [GRID_CHECKBOX_SELECTION_COL_DEF.field],
      right: ["actions"],
    },
    ...JSON.parse(persistedState ?? "{}"),
  };
}, [persistenceID]);

[DanailH]

Seems like a valid bug.