score:1
i ran into the same issue. came out with the following solution:
from the draggable docs 🚀,
<draggable /> components can be dragged around and dropped onto <droppable />s.
a <draggable /> must always be contained within a <droppable />."
try wrapping your draggable
components with droppable
, like this
<dragdropcontext ondragend={ondragend}>
<droppable droppableid="some_id">
{provided => (
<div ref={provided.innerref} {...provided.droppableprops}>
<draggable draggableid={props.id} index={props.index}>
{(provided, snapshot) => (
<div {...provided.draggableprops} {...provided.draghandleprops} ref={provided.innerref}>
some code goes in here....
</div>
)}
</draggable>
</div>
)}
</droppable>
</dragdropcontext>
Source: stackoverflow.com
Related Query
- How to solve invarient failed error in react
- React Native start failed with error code -4094 how to solve this ONCE for ALL?
- How to solve TypeScript error with axios response in React app
- How to solve the error, Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds` in React native?
- How do I resolve the React app error for npm run build "Failed to compile. Failed to minify the bundle."?
- How to solve element type invalid error in react
- How to solve React "too many re-renders" error
- How to solve Error Use object destructuring prefer-destructuring - React
- how to solve the error that fs module is not found when used react and next.js
- How to solve an error while trying to npm i the modules in a React project
- how to resolve React error Module build failed (from ./node_modules/babel-loader/lib/index.js):
- How to solve too many re-renders error in react
- How to solve undefined error when trying to access a nested array in a React state variable?
- How to solve API fetch and type error in React
- Uncaught (in promise) Error: Request failed with status code 400, How can I solve this error in React.js + Django App?
- getting error while destructuring the data from react redux. why it is giving error and how to solve this?
- I AM HAVING ERROR WHEN TRYING TO MAP A DATA IN REACT . Objects are not valid as a React child (found: object with keys {children}), How do i solve it?
- How to solve an error 'cb is not a function' in React Native?
- how to solve error while using Axios in react
- How to solve error creating app in react js
- How to solve this error Minified React error #200; visit
- react redux firebase error while importing firebase, not able to import firebase. how to solve it?
- How to solve eslint error issues for Ant design in react
- How to solve the following error in react - ' Firebase: No Firebase App '[DEFAULT]' has been created '?
- how to solve this error in react js
- Stop npm while work in React Project, How to solve this error shown in below?
- How do I solve an error in my React Button Component?
- How to solve Cannot read property 'map' of undefined error in React js?
- How to get the actual error from express instead of status 500 in React on failed fetch in POST method?
- How can i solve React useEffect clean up error issue
More Query from same tag
- React FabricJS Grouping (JSX)
- Loop through an event array & show on a react calendar
- Why does shallow Rendering not work as expected?
- WebStorm - autocomplete React className attribute with quotes instead of object literals
- onChange in select not working in react js
- ReactJS event handler update state of dictionary value
- gatsby-plugin-preact is not working with react-bootstrap
- Spinner is not working with ternary operator
- Unhandled Rejection (TypeError): adminList is not iterable
- Prevent Ant modal blocking background access
- Failed to compile ./src/App.js Attempted import error: 'UserProvider' is not exported from './model/UserContext'
- How to generate a zip file synchronously using JSZip?
- How to fix the white screen after build with create-react-app?
- React erroring because of different, mystery object
- React FontAwesome Icon not passing props for onClick
- using api action in map in reactjs
- React Dynamic CSS
- Imgur images returning 403
- Send multiple props across components React
- Accessing variable from imported class from another React script
- Space-between elements (inline-flexbox css) does not actually apply
- Getting Status Code 499 on GET requests from my AWS Cloud9 runner
- connected react-redux component does not rerender upon state
- How to call method with bind(this) inside a websocket event
- How to toggle on Order in ReactJS
- Unable to retrieve react-dom.development.js from unpkg
- redux doesn't update props immediately
- React admin custom export button - server side
- The "path" argument must be of type string or an instance of Buffer or URL cloudinary and nodejs
- How can you render new JSX inside a life cycle method?