Ocorre um erro de exibição quando v-ripple é aplicado a um elemento em VItem no slot

este é o playground vuetify

este é todo o meu código:

  <v-item-group v-model="model">
    <v-data-table :items="items">
      <template #item="{ item }">
        <v-item #="{ toggle, isSelected }">
          <tr
            v-ripple
            :style="isSelected ? 'background-color: red' : ''"
            @click="toggle"
          >
            <td>{{ item.text }}</td>
          </tr>
        </v-item>
      </template>
    </v-data-table>
  </v-item-group>

  import { ref } from 'vue'

  const model = ref();
  const items = [1, 2, 3, 4, 5, 6, 7, 8, 9].map(e => ({
    text: 'some text' + e,
  }))

Eu só quero aplicar ondulação a cada linha do VDataTable, mas quando clico no trelemento, a ondulação será mostrada assim:

Existe alguma maneira de fazer a exibição da ondulação corretamente？

Achei que seria correto se eu não usasse isSelectedemstyle