import { Draggable } from "react-beautiful-dnd";
import { Draggable } from "react-draggable";
Error
Identifier 'Draggable' has already been declared. (3:9)
What is the correct way to import the same Component name from two different sources? Especially importing two other npm packages with the same name from various sources?
you can try this
import { Draggable as AnyName } from "react-draggable";
For the first import
import { Draggable } from "react-beautiful-dnd";
For the second import
import { Draggable as PreferredAlternativeName } from "react-draggable";
The alternative name would be a name to call the second component.