dotData not working

[ahmed9497]

when use dotData as well as dotsData its not working .I Want to add pagination instead of dots.

<OwlCarousel
className="owl-theme"
// loop={true}
margin={10}
nav={true}
navText={["

","

"]}
items={1}
dots={true}
dotData={true}
//dotsData={true}
autoplay={true}
autoplayTimeout={6000}

        >
           
            <div  className="item" data-dot="<button>01</button>">
            <img src={require("../../assests/images/img1.png")}/>
            </div>
            <div  className="item" data-dot="<button>01</button>" >
            <img src={require("../../assests/images/img1.png")}/>
            </div>
            <div  className="item" data-dot="<button>01</button>">
            <img src={require("../../assests/images/img1.png")}/>
            </div>
           
          

        </OwlCarousel>