diff --git a/webclient/components/ShareButton.vue b/webclient/components/ShareButton.vue
index 1a594d0b6..92407e1bb 100644
--- a/webclient/components/ShareButton.vue
+++ b/webclient/components/ShareButton.vue
@@ -17,11 +17,11 @@ const { copy, copied, isSupported: clipboardIsSupported } = useClipboard({ sourc
 const { share, isSupported: shareIsSupported } = useShare();
 
 const modalOpen = ref(false);
-const shareOptions = computed<UseShareOptions>(() => ({
+const shareOptions = () => ({
   title: props.name,
   text: document.title,
   url: clipboardSource.value,
-}));
+});
 </script>
 
 <template>
diff --git a/webclient/pages/[view]/[id].vue b/webclient/pages/[view]/[id].vue
index d1bae0951..e92e49d6c 100644
--- a/webclient/pages/[view]/[id].vue
+++ b/webclient/pages/[view]/[id].vue
@@ -187,9 +187,7 @@ onMounted(() => {
             >
               <CalendarDaysIcon class="text-blue-600 mt-0.5 h-4 w-4" />
             </button>
-            <ClientOnly>
-              <ShareButton :coords="data.coords" :name="data.name" />
-            </ClientOnly>
+            <ShareButton :coords="data.coords" :name="data.name" />
             <DetailsFeedbackButton ref="feedbackButton" />
             <!-- <button class="btn btn-link btn-action btn-sm"
                   :title="t('header.favorites')">