blog-client.tsx

'use client'

import { useState, useEffect, useRef, useCallback, type ReactNode } from 'react'
import { useInView } from 'react-intersection-observer'
import { Heading } from '@/components/heading'
import { Image } from '@/components/image'
import { Paragraph } from '@/components/paragraph'
import { Span } from '@/components/span'
import { PostActions } from '@/components/post-actions'
import { baseURL } from '@/app/metadata'
import {
  SidebarStackProvider,
  useSidebarStack,
  AsyncSidebarRenderer,
  type ContentLoader,
} from '@/components/sidebar-stack'
import clsx from 'clsx'
import Link from 'next/link'
import { ParseBlocks } from '@/utils/parse-blocks'
import { state } from '@/state'