diff --git a/app/src/composables/use-extension.ts b/app/src/composables/use-extension.ts index 1cb22851de..758ef57c5f 100644 --- a/app/src/composables/use-extension.ts +++ b/app/src/composables/use-extension.ts @@ -4,16 +4,13 @@ import { useExtensions } from '@/extensions'; import { pluralize } from '@directus/shared/utils'; export function useExtension( - type: T, + type: T | Ref, name: string | Ref ): Ref][number] | null> { const extensions = useExtensions(); return computed(() => { - const nameRaw = unref(name); - - if (nameRaw === null) return null; - - return (extensions[pluralize(type)].value as any[]).find(({ id }) => id === nameRaw) ?? null; + if (unref(name) === null) return null; + return (extensions[pluralize(unref(type))].value as any[]).find(({ id }) => id === unref(name)) ?? null; }); } diff --git a/app/src/modules/settings/routes/data-model/field-detail/shared/extension-options.vue b/app/src/modules/settings/routes/data-model/field-detail/shared/extension-options.vue index 6fa57e3343..d58c67f6d0 100644 --- a/app/src/modules/settings/routes/data-model/field-detail/shared/extension-options.vue +++ b/app/src/modules/settings/routes/data-model/field-detail/shared/extension-options.vue @@ -25,7 +25,7 @@