[data grid] How can I display the number of filtered items in the footer? about mui-x HOT 2 CLOSED

function CustomFooter(rowCount: number) {
    return (
        <GridToolbarContainer>
            <Stack
                direction="row"
                justifyContent="end"
                alignItems="center"
                spacing={2}
                sx={{width: '100%'}}
            >
                {rowCount}
                <GridPagination/>
            </Stack>
        </GridToolbarContainer>
    );
}
...
slots={{
    loadingOverlay: LinearProgress,
    toolbar: CustomToolbar,
    footer: (props) => <CustomFooter {...props} rowCount={rowCount} />,
}}

        const apiRef = useGridApiContext();
        const visibleRows = gridExpandedRowCountSelector(apiRef);