diff --git a/packages/x-components/src/x-modules/facets/components/preselected-filters.vue b/packages/x-components/src/x-modules/facets/components/preselected-filters.vue
index 1bff3f5447..5a4568543c 100644
--- a/packages/x-components/src/x-modules/facets/components/preselected-filters.vue
+++ b/packages/x-components/src/x-modules/facets/components/preselected-filters.vue
@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { defineComponent, inject, PropType, onMounted, watch, computed, ComputedRef } from 'vue';
+  import { defineComponent, PropType, onMounted, watch, computed, ComputedRef } from 'vue';
   import { createRawFilters } from '../../../utils/filters';
   import { isArrayEmpty } from '../../../utils/array';
   import { SnippetConfig } from '../../../x-installer/api/api.types';
-  import { use$x, useNoElementRender } from '../../../composables/index';
+  import { useHybridInject, useNoElementRender } from '../../../composables/index';
+  import { useXBus } from '../../../composables/use-x-bus';
 
   /**
    * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter
@@ -28,7 +29,8 @@
       }
     },
     setup(props, { slots }) {
-      const $x = use$x();
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      const { emit } = useXBus();
 
       /**
        * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig.
@@ -53,7 +55,7 @@
        */
       const emitPreselectedFilters = (): void => {
         if (!isArrayEmpty(preselectedFilters.value)) {
-          $x.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));
+          emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));
         }
       };