MdcTheme crashes when running a preview

Running a preview on emulator that uses MdcTheme crashes with the following error:

Caused by: java.lang.IllegalArgumentException: MaterialThemeUsingMdcTheme requires the host context's theme to extend Theme.MaterialComponents
 at com.google.android.material.composethemeadapter.MdcTheme.createMdcTheme(MdcTheme.kt:134)
 at com.google.android.material.composethemeadapter.MdcTheme.createMdcTheme$default(MdcTheme.kt:125)
 at com.google.android.material.composethemeadapter.MdcTheme.MdcTheme(MdcTheme.kt:75)

How to reproduce

Open the MigrationCodelab project from the android-compose-codelabs end branch and run any of the previews in the PlantDetailDescription.kt file.

Versions

• Compose alpha06
• Android Studio 4.2 Canary 13

[davidvavra]

This is more Android Studio issue than issue of this library. I created an issue in Android Studio tracker: https://issuetracker.google.com/issues/209652365

[ChrisTitos]

When I try to open the sample project of this repo I get the same error. (I don’t get it in my personal project). When I added a new file with a Preview in it, it previewed correctly once, but after editing/refreshing I keep getting this error again.

Android Studio Arctic Fox | 2020.3.1 Patch 3

This was the preview I tried to add in a new file:

@Preview
@Composable
fun TypoPreview() {
    Column {
        Text(text = "Hello world", style = MaterialTheme.typography.h3)
        MdcTheme {
            Text(text = "Hello world", style = MaterialTheme.typography.h3)
        }
    }
}

(I was trying to see if the fonts of the theme should work, because that’s not working in preview in my project)