DropDown Menu reopens when its already open

Question

this is my code

@Composable
fun MyComponent() {
    val items = listOf("Option 1", "Option 2", "Option 3")
    var selectedIndex by remember { mutableStateOf(0) }
    var expanded by remember { mutableStateOf(false) }

    Column {
        IconButton(onClick = { expanded = !expanded }) {
            Icon(Icons.Default.MoreVert, contentDescription = "Menu")
        }
        DropdownMenu(
            expanded = expanded,
            onDismissRequest = { expanded = false },
            modifier = Modifier.background(Color.White)
        ) {
            items.forEachIndexed { index, item ->
                DropdownMenuItem(
                    onClick = {
                        selectedIndex = index
                        expanded = false
                    }
                ) {
                    Text(text = item)
                }
            }
        }
    }
}

and no matter what I tried to do when I open the dropdown menu once I cannot close it. It pops up again.

I tried moving the values into a class and that also didn't work.