Nuxt•11mo ago

Hydration Error with useAsyncData

Hey,

I am running code like this:

<script setup ...>
const { data, status, error } = useAsyncData(() => ..., { server: false }) // fetch some data
</script>

<template>
  <template v-if="status === 'pending'>loading</template>
  <template v-else>ready</template>
</template>

<script setup ...>
const { data, status, error } = useAsyncData(() => ..., { server: false }) // fetch some data
</script>

<template>
  <template v-if="status === 'pending'>loading</template>
  <template v-else>ready</template>
</template>

<script setup ...>
const { data, status, error } = useAsyncData(() => ..., { server: false }) // fetch some data
</script>

<template>
  <template v-if="status === 'pending'>loading</template>
  <template v-else>ready</template>
</template>

<script setup ...>
const { data, status, error } = useAsyncData(() => ..., { server: false }) // fetch some data
</script>

<template>
  <template v-if="status === 'pending'>loading</template>
  <template v-else>ready</template>
</template>

but i am seeing hydration errros in the console and i cannot figure out why. any ideas?

Hydration Error with useAsyncData

Similar Threads

Similar Threads

Similar Threads