Weird issue passing through slotProps in a render function

[craigrileyuk]

I'm just messing around with Vuetify HOCs and trying to pass through slots when using a render function (simplified example):

// Using the wrapping component
<template>
  <TestRender>
    <template #prepend-inner="{ isFocused }">
      <!-- This works -->
      <v-icon :icon="isFocused.value ? 'mdi-account' : 'mdi-account-arrow-right'" />
      <!-- This doesn't work -->
      <v-icon :icon="isFocused ? 'mdi-account' : 'mdi-account-arrow-right'" />
    </template>
  </TestRender>
</template>

// The render function
import { VTextField } from "vuetify/components/VTextField";
import { h } from "vue";

export default {
  setup(props, { slots }) {
    return () =>
      h(
        VTextField,
        {
          color: "primary",
        },
        slots
      );
  },
};

I can get it to work (see the top example on v-icon), but the problem is, why does isFocused not have any ref unwrapping on it in the template when using it in a Javascript statement? If I use isFocused like in a standard slot, it doesn't work since it's accessing the Ref object rather than the Ref value, so hence I have to use isFocused.value in the template to access the value.

Weirdly enough, if I just dump {{ isFocused }} on the page directly, then the ref unwraps and it shows 'true' or 'false' as expected.

I'd prefer to have the usage identical to using a slot inside VTextField directly. Any way to make this happen?

EDIT: Just found out via experimentation that this is a Vuetify bug since the same behaviour is present in a direct usage of scoped slots with v-text-field.