How can I programmatically open RootProvider search dialog?

[KamilDev]

I have the following code:

'use client';

import { usePathname } from 'next/navigation';
import { RootProvider } from 'fumadocs-ui/provider';
import { PropsWithChildren } from 'react';

export function SearchProvider({ children }: PropsWithChildren) {
  const pathname = usePathname() ?? '';
  const api = pathname.startsWith('/docs')
    ? '/api/search/docs'
    : pathname.startsWith('/blog')
      ? '/api/search/blog'
      : '/api/search';

  return (
    <RootProvider
      search={{
        options: {
          api
        }
      }}
    >
      {children}
    </RootProvider>
  );
}

How can I create a button on a page that will open the RootProvider search dialog?

[KamilDev]

I believe this is the best approach:

import { useSearchContext } from 'fumadocs-ui/provider';

const { setOpenSearch } = useSearchContext();