diff --git a/presets/sortable/README.md b/presets/sortable/README.md
index 1cf674b..dcfe149 100644
--- a/presets/sortable/README.md
+++ b/presets/sortable/README.md
@@ -763,3 +763,15 @@ export const Item = forwardRef(({id, ...props}, ref) => {
 ```
 {% endtab %}
 {% endtabs %}
+
+## Usage with Next.js
+
+We need to define an unique ID to `DndContext`:
+
+```jsx
+import {useId} from 'react';
+
+function YourComponent() {
+  const id = useId()
+  return <DndContext id={id} />
+}