@lobehub/chat/src/hooks/useIsSingleMode.ts

Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.

'use client';

import { useSearchParams } from 'next/navigation';
import { useEffect, useState } from 'react';

/**
 * Hook to check if the current page is in single mode
 * Single mode is used for standalone windows in desktop app
 * @returns boolean indicating if the current page is in single mode
 */
export const useIsSingleMode = (): boolean => {
  const [isSingleMode, setIsSingleMode] = useState(false);
  const [mounted, setMounted] = useState(false);

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

  const searchParams = useSearchParams();

  useEffect(() => {
    if (mounted) {
      setIsSingleMode(searchParams.get('mode') === 'single');
    }
  }, [searchParams, mounted]);

  // Return false during SSR or before hydration
  return mounted ? isSingleMode : false;
};