React.js - How to collapse groups in Wijmo FlexGrid

Question

I try to use Wijmo components on my project. I have a table and using FlexGrid, FlexGridFilter, FlexGridColumn and CollectionView.

I have groups that are expanded by default. I want the groups to be collapsed by default. How can I achieve this? I checked documentation but couldn't find anything about this thing.

Here is my code for Wijmo:

       ...
 useEffect(() => {
            setSource(
              new CollectionView(wijmoData, {
                groupDescriptions: ['entityType', 'Kind'],
                currentItem: null,
              })
            );
          }, [wijmoData]);
        
       return (  <FlexGrid
                itemsSource={source}
                /* initialized={(a) => a.autoSizeRows()} */
                className={styles['Tool__sheet']}
                id="ltc_sheet"
                isReadOnly={true}
                showMarquee={true}
                collapseGroupsToLevel={false}
              >
                <FlexGridFilter
                  showFilterIcons={true}
                  showSortButtons={true}
                  filterColumns={columns?.map((item) => item.header)}
                />
                {columns?.map((item) => (
                  <FlexGridColumn
                    header={item.header}
                    binding={item.binding}
                    minWidth={item.minWidth}
                    key={item.header}
                    allowResizing={item.allowResizing}
                    visible={item.visible}
                  />
                ))}
              </FlexGrid> )