Cannot find module '@platejs/plate-dnd' or its corresponding type declarations.

[OlivierCo]

Description

It seems that the platejs/plate-dnd is not found

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Plate version

49.2.12

Slate React version

0.117.4

Screenshots

Logs

Browsers

No response

[dosubot[bot]]

Hi @OlivierCo! I'm Dosu and I’m helping the plate team.

The module @platejs/plate-dnd doesn't exist, which is why you're seeing the error. For drag-and-drop in Plate, use the @platejs/dnd package instead.

To add drag-and-drop support, install these dependencies:

pnpm add @platejs/dnd react-dnd react-dnd-html5-backend

Then, import and use the DndPlugin from @platejs/dnd in your Plate plugins:

import { DndPlugin } from '@platejs/dnd';

const plugins = [
  // ...other plugins
  DndPlugin,
];

For a full setup (plugins, UI, config), you can use the feature kit:

npx shadcn@latest add https://platejs.org/r/dnd-kit

Full docs and advanced usage: platejs.org/docs/dnd

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[dosubot[bot]]

The module @platejs/plate-dnd does not exist, which is why you see that error. The correct package for drag-and-drop in Plate is @platejs/dnd. To add drag-and-drop support in Plate v49.2.12, install these packages:

pnpm add @platejs/dnd react-dnd react-dnd-html5-backend

Then, import and use the plugin like this:

import { DndPlugin } from '@platejs/dnd';

const plugins = [
  // ...other plugins
  DndPlugin,
];

You can find more details and examples in the official Plate drag-and-drop docs.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}