Hydration question

[dtrinh100]

I was following the documentation to resolve the hydration issues, but I am still seeing warnings in my console. My app.vue looks like this:

<template>
  <ConfigProvider :use-id="useIdFunction">
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </ConfigProvider>
</template>
<script setup lang="ts">
  import { ConfigProvider } from "radix-vue";

  const useIdFunction = () => useId();
</script>

Warning:

 - rendered on server: id="radix-vue-tabs-11-trigger-inventory"
  - expected on client: id="radix-vue-tabs-3-trigger-inventory"

Am I missing something?

[zernonia]

That should be all you need to do. Could you set up a stackblitz reproduction for this? 😁