(آموزشی + حل مشکل)مشکل استفاده از material slider

سلام وقت بخیر 

من از material slider داخل ریاسیکلر ویو به شکل زیر استفاده میکنم :

<com.google.android.material.slider.Slider
                android:id="@+id/sliderSendVoice"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:value="0"
                android:valueFrom="0"
                android:valueTo="100"
                app:haloColor="@color/white"
                app:labelBehavior="gone"
                app:thumbColor="@color/white"
                app:trackColorActive="@color/white"
                app:trackColorInactive="#55ffffff" />

ولی  موقع اجرا اپ فورس کلوز میده و ارور زیر رو نمایش میده

The style on this component requires your app theme to be Theme.AppCompat (or a descendant)

داخل تم اصلی از متریال استفاده کردم

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- Primary brand color. -->
    <item name="colorPrimary">@color/naval</item>
    <item name="colorPrimaryVariant">@color/naval</item>
    <item name="colorOnPrimary">@color/white</item>
    <!-- Secondary brand color. -->
    <item name="colorSecondary">@color/teal_200</item>
    <item name="colorSecondaryVariant">@color/teal_700</item>
    <item name="colorOnSecondary">@color/black</item>
    <!-- Status bar color. -->
    <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
    <!-- Customize your theme here. -->
</style>

سرچ کردم همه جارو زیر و رو کردم جوابی واسه این ارور پیدا نکردم کسی میتونه راهنمایی کنه؟