how to close row action menu after clicking menu item

[vmoosCode]

hello,
am trying to figure out how to auto close row action menu after click menuitem. i have normal menu like the following

renderRowActionMenuItems={({ row }) => [
                    <MenuItem key="edit" onClick={() => console.info('Edit')}>
                        Edit
                    </MenuItem>,
                    <MenuItem key="delete" onClick={() => console.info('Delete')}>
                        Delete
                    </MenuItem>,
                    row.original.is_active ?
                        (<MenuItem key="deactivate" onClick={() => handleDeactivateUser(row.original.id)}>
                            <Icon>
                                <PersonOffIcon />
                            </Icon>
                            Deactivate
                        </MenuItem>)
                        :
                        (<MenuItem key="deactivate" onClick={() => handleDeactivateUser(row.original.id)}>
                            Activate
                        </MenuItem>)
                ]}

[afnan-tnd]

renderRowActionMenuItems={({ row, table, closeMenu }: any) => [
          <MenuItem
            key="edit"
            onClick={() => {
              table.setEditingRow(row);
              closeMenu();
            }}
          >

This worked for me

[KevinVandy]

There is a closeMenu() param that you get from that prop