Crash when using 2+ nested HazeState

[Plovotok]

Information

• Haze version: 1.1.1
• Platform: Android
• Platform version: [Android 12+]

Expected Behavior

Actual Behavior

Crash with stack trace:

java.lang.IllegalStateException: Recording currently in progress - missing #endRecording() call?
at android.graphics.RenderNode.beginRecording(RenderNode.java:484)
at android.graphics.RenderNode.beginRecording(RenderNode.java:503)
...

Steps to Reproduce the Problem

   val hazeState = remember {
        HazeState()
    }
    Scaffold(
        bottomBar = {
            Box(modifier = Modifier
                .fillMaxWidth()
                .height(80.dp)
                .hazeChild(hazeState)
            )
        }
    ) { paddings ->
        Box(modifier = Modifier.fillMaxSize().haze(hazeState)) {

            val contentHazeState = remember {
                HazeState()
            }

            Box(
                modifier = Modifier.fillMaxSize(),
                contentAlignment = Alignment.Center
            ) {

                val items = remember {
                    listOf(
                        "Item 1",
                        "Item 2",
                        "Item 3",
                        "Item 4",
                        "Item 5",
                    )
                }

                Box(
                    modifier = Modifier.fillMaxSize().haze(contentHazeState)
                ) {
                    LazyRow {
                        items(items) {
                            val itemHaze = remember {
                                HazeState()
                            }
                            Box(modifier = Modifier.size(76.dp)) {
                                Text(text = it)
                                IconButton(
                                    onClick = {},
                                    modifier = Modifier.hazeChild(itemHaze)
                                ) {
                                    Icon(
                                        imageVector = Icons.Default.MoreHoriz,
                                        contentDescription = null
                                    )
                                }
                            }
                        }
                    }
                }
            }

            Box(modifier = Modifier.fillMaxWidth().height(70.dp).hazeChild(contentHazeState))
        }
    }

[chrisbanes]

Yes, currently expected.

I don't know what your use case is, but being able to have nested blurring is being worked on in #441

[Plovotok]

Thx!)