diff --git a/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue b/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue
index 2f39186459..532d2546e6 100644
--- a/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue
+++ b/packages/entities/entities-shared/src/components/permissions-wrapper/PermissionsWrapper.vue
@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 import type { PropType } from 'vue'
-import { ref, computed, onBeforeMount } from 'vue'
+import { ref, computed, watch } from 'vue'
 
 const props = defineProps({
   /**
@@ -34,7 +34,7 @@ const props = defineProps({
 const isAllowed = ref<boolean | undefined>(undefined)
 const showSlotContent = computed((): boolean => isAllowed.value === true || (isAllowed.value !== undefined && props.forceShow === true))
 
-onBeforeMount(async (): Promise<void> => {
+watch(() => props.authFunction, async () => {
   isAllowed.value = await props.authFunction()
-})
+}, { immediate: true })
 </script>