Any way to disable multiple grouping?

[hanvyj]

I'm doing server side sorting and grouping, and to make life easier for myself I'm only allowing a single 'level' of sorting and grouping.

There's a great option with the sorting hook disableMultiSort, which is perfect. However it doesn't seem there's a similar option for grouping.

Does anyone know of a way to intercept the grouping and force it to only allow/perform a single level of grouping?

[hanvyj]

I can use the useControlledState to control the grouping externally, which is great - but is there any way I can overwrite or hook into the ...column.getGroupByToggleProps() functionality, or do I have to add my own layer on top of that and pass loads of state setting functions around?

useControlledState: (state: any) => {
        return React.useMemo(
          () => ({
            ...state,
            groupBy: [groupField],
          }),
          // eslint-disable-next-line react-hooks/exhaustive-deps
          [state, groupField],
        );
      },