devtoolsに`Blocked aria-hidden on an element…`と警告が表示される

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.

<script setup>
import { ref } from 'vue'
import { Dialog, DialogPanel } from '@headlessui/vue'

const isOpen = ref(true)
const completeButtonRef = ref(null)
</script>

<template>
  <Dialog :open="isOpen" @close="isOpen = false" :initialFocus="completeButtonRef">
    <DialogPanel>
      <button @click="isOpen = false">Cancel</button>
      <button ref="completeButtonRef" @click="isOpen = false">Complete</button>
    </DialogPanel>
  </Dialog>
</template>