¿Cómo eliminar elementos del inicio de la matriz y agregarlos al final? 
const ImageArray = [i1,i2,i3,i4,i5] const clickHandler = (index: number) => { let start = ImageArray.slice(index) let end = ImageArray.... let result = start.concat(end) return result } {ImageArray.map((image, index) => ( <div onClick={() => clickHandler(index)} key={index} style={{backgroundImage: 'url('+image+')'}} /> ))}PD: no es necesario usar el método de corte
Siendo x el índice en el que se hizo clic:
const arr = [0,1,2,3,4]; const newArr = [...arr.slice(1), ...arr.slice(0, 1)]Tu puedes hacer:
const arr = ['i1','i2','i3','i4','i5'] const clickHandler = i => [...arr.slice(i), ...arr.slice(0, i)] console.log('i3:', clickHandler(2)) // Clicked: 'i3'Su función está diseñada para devolver una nueva matriz, pero el lugar donde llama a la función no hace nada con el valor devuelto.
Supongo que quieres mutar ImageArray . En ese caso, use splice para eliminar la primera parte y push para agregar esa misma parte al final:
const clickHandler = (index: number) => { ImageArray.push(...ImageArray.splice(0, index)); };