something.jsx

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

const MyComponent = ({ src, ...props }) => {
  const data = useStaticQuery(graphql`
    query {
      myStuff( ) {
      }
    }
  `);

  const BlogEntries = useMemo(() => (
    data.mystuff.map(someMappingsHere)
  ), [ data, src ]);

  return (
    <div><BlogEntries /></div>
  );
};

export default MyComponent;