pages-weather.jsx

import React from 'react';
import Weather from 'components/Weather';

export default function HelloPage({ data }) {
  const { site: { siteMetadata } } = data; 
  
  return (
    <article>
      <h1>{siteMetadata.title}</h1>
      <p>{siteMetadata.description}</p>
      <Weather weatherKey={siteMetadata.openWeatherMapApiKey} />
    </article>  
  );
}

export const query = graphql`
  query HomeQuery {
    site {
      siteMetadata {
        title
        description
        openWeatherMapApiKey
      }
    }
  }
`;