Noob question about hydration in SSR

<template>
  {{ result }}
</template>

<script setup>
  const result = ref("")
  const callAPI = async () => {
    result.value = await useFetch("/api/Test")
  }
    callAPI()
</script>

export default defineEventHandler(async (event) => {
  return { message: "cool" }
})