Make your Lexical editor collaborative in minutes

import { liveblocksConfig, LiveblocksPlugin, FloatingToolbar, FloatingThreads, FloatingComposer } from "@liveblocks/react-lexical";import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";import { ContentEditable } from "@lexical/react/LexicalContentEditable";import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";import { LexicalComposer } from "@lexical/react/LexicalComposer";import { useThreads } from "@liveblocks/react";
export function Editor() {  const { threads } = useThreads();
  const initialConfig = liveblocksConfig({    namespace: "Demo",  });
  return (    <LexicalComposer initialConfig={initialConfig}>      <RichTextPlugin        contentEditable={<ContentEditable />}      />      <LiveblocksPlugin>        <FloatingToolbar />        <FloatingThreads threads={threads} />        <FloatingComposer threads={threads} />      </LiveblocksPlugin>    </LexicalComposer>  );}