title: No ripple effect in Jetpack Compose
body: <p>There is no ripple effect when I click on <code>MyBox()</code> I've added MyTheme(){} to main @Composable screen but it doesn't work. Is something missing?</p>
  <pre><code>@Composable
  private MyBox(onClickInvoked: () -&gt; Unit) {
      MyAppTheme(isSystemInDarkTheme()) {
          Box(
              modifier = Modifier
                  .fillMaxWidth()
                  .wrapContentHeight()
                  .clip(RoundedCornerShape(10.dp))
                  .background(MaterialTheme.colors.onBackground)
                  .clickable(onClick = { onClickInvoked.invoke() })
                  .padding(horizontal = 10.dp, vertical = 15.dp)
          ) {
              Text(
                  text = &quot;My text&quot;,
                  modifier = Modifier
                      .align(Alignment.CenterStart)
                      .padding(end = 95.dp)
                      .wrapContentWidth()
                      .wrapContentHeight(),
                  color = MaterialTheme.colors.primary
              )
              Image(
                  painter = painterResource(R.drawable.icon),
                  modifier = Modifier
                      .align(Alignment.CenterEnd)
                      .padding(end = 20.dp)
                      .size(60.dp)
              )
          }
      }
  }
  </code></pre>