react-beautiful-dndでUnable to find draggable with idが出たときの対処法

原因

React 18でReact.StrictModeを使っているため

index.js

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

対処法

以下のようにReact.StrictModeを使わないようにする

index.js

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <>
    <App />
  </>
);

参考