Sample showing how logs can cause recompositions and how to fix them

Playground.kt

@Composable
fun LogsCausingRecompositions() {
    Box(modifier = Modifier.fillMaxSize()) {
        var count by remember { mutableIntStateOf(0) }

        Log.d("MyTag:", "Count: $count")

        Button(
            onClick = { count++ },
            content = { Text("Increment") },
            modifier = Modifier.align(Alignment.Center)
        )
    }
}

@Composable
fun Fixed() {
    Box(modifier = Modifier.fillMaxSize()) {
        var count by remember { mutableIntStateOf(0) }

        SideEffect {
            Log.d("MyTag:", "Count: $count")
        }

        Button(
            onClick = { count++ },
            content = { Text("Increment") },
            modifier = Modifier.align(Alignment.Center)
        )
    }
}

Logs causing recompositions (when reading state)

Box(modifier = Modifier.fillMaxSize()) {
        var count by remember { mutableIntStateOf(0) }

        Log.d("MyTag:", "Count: $count")

        Button(
            onClick = { count++ },
            content = { Text("Increment") },
            modifier = Modifier.align(Alignment.Center)
        )
    }

logs-causing-recompositions.mov

Fix using SideEffect

Box(modifier = Modifier.fillMaxSize()) {
        var count by remember { mutableIntStateOf(0) }

        SideEffect {
            Log.d("MyTag:", "Count: $count")
        }

        Button(
            onClick = { count++ },
            content = { Text("Increment") },
            modifier = Modifier.align(Alignment.Center)
        )
    }

fix-logs-recompositions.mov