Query single fluid Gatsby Image to Component.jsx

Query single fluid Gatsby Image to Component.jsx

import React from 'react'
import { useStaticQuery, graphql } from 'gatsby'
import Img from 'gatsby-image'

const data = useStaticQuery(graphql`
	query {
		file(relativePath: { eq: "bookshelf.jpg" }) {
			childImageSharp {
				fluid {
					base64
					aspectRatio
					src
					srcSet
					sizes
				}
			}
		}
	}
`)

const ImageTest2 = () => {
	return (
		<Img
			fluid={data.file.childImageSharp.fluid}
			alt='A corgi smiling happily'
		/>
	)
}

export default ImageTest2