diff --git a/README.md b/README.md
index c856d5cf..9c644b14 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,7 @@
To learn how to get started with **dnd kit**, visit the official documentation website. You'll find in-depth API documentation, tips and guides to help you build drag and drop interfaces.
-
+
diff --git a/packages/core/src/hooks/utilities/useAutoScroller.ts b/packages/core/src/hooks/utilities/useAutoScroller.ts
index 4e1f0600..34c7170d 100644
--- a/packages/core/src/hooks/utilities/useAutoScroller.ts
+++ b/packages/core/src/hooks/utilities/useAutoScroller.ts
@@ -114,15 +114,15 @@ export function useAutoScroller({
}
const index = scrollableAncestors.indexOf(scrollContainer);
- const scrolllContainerRect = scrollableAncestorRects[index];
+ const scrollContainerRect = scrollableAncestorRects[index];
- if (!scrolllContainerRect) {
+ if (!scrollContainerRect) {
continue;
}
const {direction, speed} = getScrollDirectionAndSpeed(
scrollContainer,
- scrolllContainerRect,
+ scrollContainerRect,
rect,
acceleration,
threshold
diff --git a/packages/core/src/hooks/utilities/useSensorSetup.ts b/packages/core/src/hooks/utilities/useSensorSetup.ts
index c5a835df..948bf5a2 100644
--- a/packages/core/src/hooks/utilities/useSensorSetup.ts
+++ b/packages/core/src/hooks/utilities/useSensorSetup.ts
@@ -18,7 +18,7 @@ export function useSensorSetup(sensors: SensorDescriptor[]) {
}
};
},
- // TO-DO: Sensors lenght could theoretically change which would not be a valid dependency
+ // TO-DO: Sensors length could theoretically change which would not be a valid dependency
// eslint-disable-next-line react-hooks/exhaustive-deps
sensors.map(({sensor}) => sensor)
);
diff --git a/packages/sortable/src/components/SortableContext.tsx b/packages/sortable/src/components/SortableContext.tsx
index 61a70d2b..ccadabb9 100644
--- a/packages/sortable/src/components/SortableContext.tsx
+++ b/packages/sortable/src/components/SortableContext.tsx
@@ -75,7 +75,7 @@ export function SortableContext({
useIsomorphicLayoutEffect(() => {
if (itemsHaveChanged && isSorting && !willRecomputeLayouts) {
- // To-do: Add partial recompution of only subset of rects
+ // To-do: Add partial recomputation of only subset of rects
recomputeLayouts();
}
}, [itemsHaveChanged, isSorting, recomputeLayouts, willRecomputeLayouts]);
diff --git a/playground/index.html b/playground/index.html
index 9860ba95..687e1d85 100644
--- a/playground/index.html
+++ b/playground/index.html
@@ -9,7 +9,7 @@
diff --git a/stories/2 - Presets/Sortable/MultipleContainers.tsx b/stories/2 - Presets/Sortable/MultipleContainers.tsx
index e06ffc1b..2bf5204b 100644
--- a/stories/2 - Presets/Sortable/MultipleContainers.tsx
+++ b/stories/2 - Presets/Sortable/MultipleContainers.tsx
@@ -258,7 +258,7 @@ export function MultipleContainers({
const onDragCancel = () => {
if (clonedItems) {
// Reset items to their original state in case items have been
- // Dragged across containrs
+ // Dragged across containers
setItems(clonedItems);
}
@@ -570,10 +570,10 @@ export function MultipleContainers({
}
function getNextContainerId() {
- const containeIds = Object.keys(items);
- const lastContaineId = containeIds[containeIds.length - 1];
+ const containerIds = Object.keys(items);
+ const lastContainerId = containerIds[containerIds.length - 1];
- return String.fromCharCode(lastContaineId.charCodeAt(0) + 1);
+ return String.fromCharCode(lastContainerId.charCodeAt(0) + 1);
}
}