DraggableBlockPlugin is not working in Nextjs

[PunkFleet]

How should i fix the error in nextjs?

in this file: https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/DraggableBlockPlugin/index.tsx

export default function DraggableBlockPlugin({
  anchorElem = document.body,
}: {
  anchorElem?: HTMLElement;
}): JSX.Element {
  const [editor] = useLexicalComposerContext();
  return useDraggableBlockMenu(editor, anchorElem || document.body, editor._editable);
}

the DraggableBlockPlugin has error:
ReferenceError: document is not defined

But then again useDraggableBlockMenu can't be returned in the useEffect.