ag-grid-enterprise | This project

When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.

Error on console when trying to run this app:

After a lot of searches in SO without any particular solution, I am compelled to ask this question. What I want is to hide a row group icon on a single group row. Like in the below picture I have a group row that has only one record, which is already shown in the top row. I want to hide that collapse icon on that single record. Only collapse/expand icon shown when group rows are more than one.

For reference see AG-Grid Master-Detail Section, here they specify which rows to expand. Same functionality I needed here.

I'm using the below versions of AG-Grid Angular (v9)

To reduce the code size of my Angular app I followed the guide at link to load only the specific modules needed. An example of importing types is provided in AG Grid docs:

I can't seem to figure out what's causing the above issue, and debug properly. From my understanding of Redux Slices, I'm able to directly mutate state in my reducer due to the Immer functionality built-in. If I hard code the redux JSON into the UI component there are no issues which leads me to believe it's a Redux issue. Any advice would be appreciated.

Slice.ts

I am working on a basic Ag Grid React application, and I added a custom status bar component to the grid, using their docs. My goal is to update the "total rows" item in the status bar when a filter is applied to the grid, however I cannot get the value in the status bar to change. The status bar component uses a state variable inherited from the Grid as a prop, but when the prop changes, the status bar does not re-render to reflect that.

Here's a demo that shows that even when the prop passed to the status bar component changes, nothing happens. You can test this by clicking the button and the console will show the "total" variable incrementing, yet the status bar remains unchanged.

Relevant code snippet:

I am trying to implement angular AG-GRID tree data using ag-grid-angular and ag-grid-enterprise v25. I am able to rended the ag-grid tree data but the expand/collapse button is not visible. and If I double click on a parent row I can expand/collapse. why the expand/collapse button is not visible? Do I have to add any CSS file? or have to change anything?

HTML:

I am using ag-grid enterprise version in typescript react application. It works perfectly fine but when I add the below line to implement the detailed grid feature, it is throwing compilation error as mentioned below.

I have created AgGrid using AgGridReact component, set server side datasource using examples from documentation but somehow infinite scroll is not working. getRows function is called only on the initial render and no scrollbar is shown on the grid.

I want the cursor to move down to next row after an edit is completed and ENTER is pressed, like it happens in Excel.

The code for a basic grid is bellow