OverviewOfficial Website

The DualListBox is a controlled component, so you have to update the selected property in conjunction with the onChange handler if you want the selected values to change.

CSS

<!-- DualListBox css -->
import "react-dual-listbox/lib/react-dual-listbox.css";

Import Package

<!-- DualListBox -->
const DualListBox: any = dynamic(() => import("react-dual-listbox"), { ssr: false, });;
                                

Add Package

yarn add react-dual-listbox --save

Remove Package

yarn remove react-dual-listbox or you can remove package by removing specific package from package.json