Vue warning message: Async component <Highlight> should be explicitly created via defineAsyncComponent() in Vue 3

[josefarrugia]

Hello there,

I am getting the following Vue warning error message when using the AisHighlight component in Vue 3.4.21 whilst entering characters in my search field. There are no results being shown too. This works on Vue 2.7.16.

[Vue warn]: (deprecation COMPONENT_ASYNC) Async component <Highlight> should be explicitly created via `defineAsyncComponent()` in Vue 3. Plain functions will be treated as functional components in non-compat build. If you have already migrated all async component usage and intend to use plain functions for functional components, you can disable the compat behavior and suppress this warning with:

configureCompat({ COMPONENT_ASYNC: false })

Details: https://v3-migration.vuejs.org/breaking-changes/async-components.html 

Here's a snippet of my import statements:

import {
  AisAutocomplete,
  AisConfigure,
  AisHighlight,
  AisInstantSearch,
} from 'vue-instantsearch/vue3/es';

I am also getting the following warning message:

Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . 
  at <AisAutocomplete> 
  at <AisInstantSearch

Any thoughts?

[josefarrugia]

Have reported it as an issue here.