How to check boolean field value in React from Sanity schema?

import { createClient } from '@sanity/client'

const client = createClient({
  projectId: 'your-project-id',
  dataset: 'production',
  apiVersion: '2024-01-01',
  useCdn: true,
})

// Fetch your blog post with the boolean field
const query = `*[_type == "blogPost" && _id == $postId][0]{
  title,
  content,
  yourBooleanField
}`

const post = await client.fetch(query, { postId: 'your-post-id' })

function BlogPost({ post }) {
  return (
    <div>
      <h1>{post.title}</h1>
      
      {post.yourBooleanField ? (
        <p>This message shows when the boolean is true</p>
      ) : (
        <p>This message shows when the boolean is false</p>
      )}
      
      {/* Or using && for single condition */}
      {post.yourBooleanField && <p>Only shows when true</p>}
    </div>
  )
}

import { sanityFetch } from '@/sanity/lib/client'

export default async function BlogPostPage({ params }) {
  const post = await sanityFetch({
    query: `*[_type == "blogPost" && slug.current == $slug][0]{
      title,
      yourBooleanField
    }`,
    params: { slug: params.slug }
  })
  
  return (
    <div>
      {post.yourBooleanField ? 
        <div>Boolean is true!</div> : 
        <div>Boolean is false!</div>
      }
    </div>
  )
}