react-helmetで画像をpreloadする

import * as React from 'react'
import { Helmet } from 'react-helmet'

interface ImagePreloaderProps {
  images: string[]
}

const ImagePreloader: React.FunctionComponent<ImagePreloaderProps> = ({ images }) => (
  <Helmet>
    {images
      .filter(item => item)
      .map((image, index) => (
        <link rel="preload" href={image} as="image"/>
      ))}
  </Helmet>
)

export default ImagePreloader