diff --git a/resources/js/Pages/shared-data.jsx b/resources/js/Pages/shared-data.jsx
index 0448b1ea..af7e448b 100644
--- a/resources/js/Pages/shared-data.jsx
+++ b/resources/js/Pages/shared-data.jsx
@@ -125,8 +125,10 @@ export default function () {
               <script setup>
               import { computed } from 'vue'
               import { usePage } from '@inertiajs/vue3'
-
-              const user = computed(() => usePage().props.auth.user)
+              
+              const page = usePage()
+              
+              const user = computed(() => page.props.auth.user)
               </script>
 
               <template>