"use client";

import React, { useEffect, useState } from "react";
import BackgroundBlobs from "@/components/BackgroundBlobs";

export default function BackgroundBlobsClient() {
  // Avoid SSR/webpack bailout issues from `next/dynamic({ ssr:false })`
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  if (!mounted) return null;

  return <BackgroundBlobs />;
}