enable strict mode and fixing the Droppable issue

components/CollectionListing.tsx

@@ -8,8 +8,8 @@ import {
   DragDropContext,
   Draggable,
   DraggableProvided,
-  Droppable,
 } from "react-beautiful-dnd";
+import { StrictModeDroppable as Droppable } from "./StrictModeDroppable";
 
 type Props = {
   links: boolean;

components/StrictModeDroppable.tsx

@@ -0,0 +1,19 @@
+// StrictModeDroppable.tsx
+
+import { useEffect, useState } from "react";
+import { Droppable, DroppableProps } from "react-beautiful-dnd";
+
+export const StrictModeDroppable = ({ children, ...props }: DroppableProps) => {
+  const [enabled, setEnabled] = useState(false);
+  useEffect(() => {
+    const animation = requestAnimationFrame(() => setEnabled(true));
+    return () => {
+      cancelAnimationFrame(animation);
+      setEnabled(false);
+    };
+  }, []);
+  if (!enabled) {
+    return null;
+  }
+  return <Droppable {...props}>{children}</Droppable>;
+};