Children(
		modifier = modifier,
		stack = routerState,
		animation = stackAnimation { _, _, _ -> fade() },
	) {
		when (val child = it.instance) {
			is ProjectRoot.Destination.EditorDestination ->
				ProjectEditorUi(component = child.component, isWide = isWide, drawableKlass = drawableKlass)

			is ProjectRoot.Destination.NotesDestination -> {
				var textValue by remember { mutableStateOf("imagine this is enough text to make this scrollable") }
				// Try to scroll this textField with the middle mouse button on desktop after switching to it
				TextField(
					modifier = Modifier.fillMaxSize(),
					value = textValue,
					onValueChange = { textValue = it },
				)
			}

			is ProjectRoot.Destination.EncyclopediaDestination ->
				EncyclopediaUi(child.component)
		}
	}

Children

TextField