JSFiddle - React, Tailwind, and code Playground

HTML

<img class="slide" width="300" height="300">

JavaScript

var currentImage = 0,
images = [
    "https://unsplash.it/200/300?image=100",
    "https://unsplash.it/200/300?image=101",
    "https://unsplash.it/200/300?image=102"
];

function initSlideshow() {	
		setImage(0);
    setInterval(function(){
    		nextImage();
    },1000);
}

function nextImage() {
		if(images.length === currentImage + 1){
    		currentImage = 0;
    } else {
			  currentImage++;
    }
    setImage(currentImage);
}

function setImage(image) {
		document.querySelectorAll('.slide')[0].src = images[image];
}

window.onload = initSlideshow();