UI only partially updates when state is changed - kotlin

Question

Working on a "file explorer" system where the user can browse through directories and select pictures to add to a collection.
The directory system is a map. The current directory (a key in the map) is stored in a UiState object, and the screen shows the list of images belonging to that directory (that key's values). To change the directory, the state is updated, changing currentDirectory to the key of the new directory. In theory, this change causes the list to recompose, now displaying the images in the new directory.
When the directory is changed, the display recomposes into a list of the images in the new directory. The names of the images are all correct.
THE PROBLEM: If there were x images in the previous directory, the first x images of the new directory have the names they are supposed to have, but when you click on them they give you the image of their counterpart in the previous directory, and the checkbox indicating their selection status will have the same value as that of their counterpart.
EXAMPLE: Directory 1 has a picture of a cat. Directory 2 has a picture of an apple and a picture of an orange. When you change directories from Directory 1 to Directory 2, the apple picture will read "apple", but when you click on it it will show a picture of a cat. If the cat picture's checkbox is checked, the apple picture's will be as well. The orange picture will work properly.
Why does the name update, but the checkbox and button do not? The NamedImage is half updating and half being reused?
//gets the current directory and finds its list of images
#Composable
fun ExplorerScreen(viewModel: ExplorerViewModel) {
var directory = viewModel.uiState.collectAsState().value.currentDirectory
ExplorerNamedImageList(MapOfDirectoriesToListsOfImages[directory])
}
//displays namedImages in that list
#Composable
fun ExplorerNamedImageList(namedImages: MutableList<namedImage>) {
Column() {
for (namedImage in namedImages) {
ExplorerNamedImage(namedImage)
}
}
}
//displays and manages clicks on each namedImage
#Composable
fun ExplorerNamedImage(namedImage: NamedImage) {
var checked by remember { mutableStateOf(isImageSelected(namedImage)) }
Button(
onClick = {
showImage(namedImage.bitmap)
//^THIS SHOWS THE WRONG IMAGE
}) {
Text(namedImage.name)
//^THIS SHOWS THE CORRECT NAME
Checkbox(checked = checked ...) {...}
//^THIS HAS THE VALUE OF THE WRONG IMAGE
}
}
//code that changes the current directory (a function of ExplorerViewModel)
fun changeDirectory(newDirectory: String) {
_uiState.update { currentState ->
currentState.copy(currentDirectory = newDirectory)
}
}