Auto Play Feature

[vignxs]

below is my code , i want to achive auto play feature like slider auto play , how can I do it ? is it already there? thanks in advance

<Document file={selectedFile} onLoadSuccess={onDocumentLoadSuccess}>
              <Page
                pageNumber={pageNumber}
                renderTextLayer={false}
                renderAnnotationLayer={false}
                width={250}
                className="custom-page"
              />
            </Document>
          )}
        </Box>
      )}
      {selectedFile && !selectedFile.type.startsWith("image/") && (
        <Stack sx={{ pt: 2 }} direction="row" gap={2} alignItems={"center"}>
          <IconButton
            color="primary"
            onClick={() => {
              if (pageNumber > 1) {
                setPageNumber(pageNumber - 1);
              }
            }}
            disabled={pageNumber === 1}
          >
            <ArrowBackIosIcon />
          </IconButton>
          {pageNumber} of {numPages}
          <IconButton
            color="primary"
            onClick={() => {
              if (numPages && pageNumber < numPages) {
                setPageNumber(pageNumber + 1);
              }
            }}
            disabled={pageNumber === numPages}
          >
            <ArrowForwardIosIcon />
          </IconButton>
        </Stack>````