If you get a type error from react-beautiful-dnd and have to fix it when you raise it to React18, you can solve it by wrapping it in styled-components and typedefing it.
const LibButton = styled(Lib.Button)<{children: React.ReactNode}>''
const DnDDroppable = styled(DnD.Droppable)<{children: (provided: DnD.Droppable Provided, snapshot:DnD.DroppableStateSnapshot) => React.ReactElement<HTMLElement, string | React.JSXElementConstructor<any>>}>''
const DnDDraggable = styled(DnD.Draggable)<{index: number, draggableld: string, children: (provided: DnD.DraggableProvided, snapshot: DnD.DraggableStateSnapshot) => React. ReactElement<HTMLElement, string | React.JSXElementConstructor<any>>}>''
const DnDDragDropContext = styled(DnD.DragDropContext)<{children: React.ReactNode}>''