Reactive open state

The v-slot tippy instance in the default slot is not reactive is there another way to get the current open state reactivley?

My use case is I want to have the default content highlighted a certain colour if the tippy is showing

I tried this but then ran into the issue that the isShown is not reactive

<template #default="{ tippy }">
      <div :class="tippy?.state.isShown ? 'bg-gray-300' : 'bg-gray-50'"  class="text-gray-400 select-none cursor-pointer p-2  rounded-md hover:bg-gray-50">
          Trigger tippy
      </div>
</template>
<template #content>
      <div class="px-2 h-auto py-2 text-white rounded bg-white shadow-xl border">
         Tippy content
      </div>
</template>

[KABBOUCHI]

I’ve added a reactive state in v6.0.0-alpha.40

const { state } = useTippy(....)

<template #default="{ state }">
	<div :class="state.isShown ? 'bg-gray-300' : 'bg-gray-50'">
		Trigger tippy
	</div>
</template>

[KABBOUCHI]

@tonychuuy sry for the delay, fixed in v6.0.0-alpha.53, plz can u retry?