@nuxt/content always shows the first page but only in production mode

 WARN  Module @nuxt/content is disabled due to incompatibility issues:                          
 - [nuxt] Nuxt version ^3.0.0-rc.3 is required but currently using 4.0.3

<script setup lang="ts">
// app/pages/blog/[...blog].vue
const route = useRoute()
const { data:page } = await useAsyncData(route.path, () => {
  return queryCollection('blog').path(route.path).first()
})
</script>

<template>
  <div class="blog-wrapper">
    <ContentRenderer v-if="page" :value="page" class="blog-content"/>
  </div>
</template>

// part of nuxt.config.ts
    content: {
        watch: {
            enabled: false
        },
    },
    nitro: {
        static: true,
    },
    ssr: true,

// content.config.ts
import {defineContentConfig, defineCollection, z} from "@nuxt/content";

export default defineContentConfig({
    collections: {
        blog: defineCollection({
            type: 'page',
            source: 'blog/*.md',
            schema: z.object({
                title: z.string().min(1, 'Title is required'),
                description: z.string().optional(),
                date: z.date(),
                tags: z.array(z.string()).optional(),
            })
        })
    }
})