React Unsplashed random image loop

StyledImage.js

import React from 'react'
import styled from 'styled-components'

const StyledImage = styled.img`
  filter: grayscale(100%);
  width: 100px;
  height: 100px;
`

export default ({count = 10}) => {
  const images = Array.from(Array(count))
    .map((num, i) => `https://source.unsplash.com/10${i}x100`)
  return (
    <div>
      {images.map(src => <StyledImage key={`image-${src}`} src={src} />)}
    </div>
  )
}