Error: Tooltip must be used within TooltipProvider

[inapeace0]

Description

I forked this below template on my side. I was trying to implement Plate Editor(readOnly) on the other page, but I got this issue.

https://github.com/udecode/plate/tree/main/templates/plate-playground-template

This is the snippet of my code.

import PlateEditor from '@/components/plate-editor';

export default function Blog() {
    return (
        <section className="bg-white dark:bg-gray-900">
            <PlateEditor/>
        </section>
    )
}

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[zbeyens]

As stated by the error message, you must render TooltipProvider in your app.

[inapeace0]

Oh, I found that I had to involve TooltipProvider in my layout.
Really thanks. I finally fixed it. 😉🚀

[guugg]

I just ran into a problem with'TooltipProvider 'today. I got an error in the Installation step in 'https://platejs.org/'. Because'TooltipProvider 'is missing from the documentation, I spent repeated installation time to confirm my problem.

• It may be that the document was not timely updated after the update.

export function PlateEditor() {
    return (
        <DndProvider backend={HTML5Backend}>
            <CommentsProvider users={{}} myUserId="1">
+               <TooltipProvider>
                    <Plate plugins={plugins} initialValue={initialValue}>
                        <FixedToolbar>
                            <FixedToolbarButtons />
                        </FixedToolbar>

                        <Editor />

                        <FloatingToolbar>
                            <FloatingToolbarButtons />
                        </FloatingToolbar>
                        <CommentsPopover />
                    </Plate>
+               </TooltipProvider>
            </CommentsProvider>
        </DndProvider>
    );
}