title: Why am I getting Backend Internal error: "Exception during IR lowering error" when using Jetpack Compose clickable-Modifier?
body: <p>I am creating a custom <code>Checkbox</code> within a <code>Surface</code> which has a <code>Modifier.clickable</code>:</p>
  <pre class="lang-kotlin prettyprint-override"><code>    Surface(
          modifier = Modifier
              .clickable(
                  enabled = enabled,
                  interactionSource = interactionSource,
                  indication = rememberRipple(),
                  role = Role.Checkbox,
                  onClick = { onCheckedChange(!checked) }
              )
              .then(modifier),
      ) {
          Row {
              Checkbox(checked = checked, onCheckedChange = {}, colors = colors)
              Text(text = text ?: &quot;&quot;)
          }
      }
  </code></pre>
  <hr />
  <p>When I try to build that, I get the <code>Exception during IR lowering error</code> error:</p>
  <pre><code>org.jetbrains.kotlin.backend.common.BackendException: Backend Internal error: Exception during IR lowering
  File being compiled: /home/rene/AndroidStudioProjects/pass13/app/src/main/java/com/aresid/simplepasswordgeneratorapp/ui/widgets/Checkbox.kt
  </code></pre>
  <p>See the full stacktrace <a href="https://pastebin.com/qXpyF8p4" rel="noreferrer">here</a>.</p>
  <p>Removing the <code>Modifier.clickable</code> solves the build issue.</p>
  <p>I already tried up-/downgrading some versions but nothing is working properly.<br>
  Currently, I am using those versions:</p>
  <pre><code>    ext.versions = [
              'compileSdk': 31,
              'targetSdk' : 30,
              'minSdk'    : 26,
              'kotlin'    : '1.5.30',
              'navigation': '2.3.5',
              'compose'   : '1.0.2'
      ]
  </code></pre>
  <hr />
  <h4>Has anybody an idea how to fix that?</h4>