npm install nouislider-react

import Nouislider from "nouislider-react"
import "nouislider/distribute/nouislider.css"
import "nouislider/distribute/nouislider.css";

const NoUiSliders = () => {
return (
    <div>
        <Nouislider start={50} connect={[true, false]} orientation="horizontal" range={ min: 0, max: 100 } />
    </div>
)
}