WithHook.js

import React from "react";
import PropTypes from "prop-types";
import WeatherCard from './WeatherCard';
import useWeather from "./weatherHook";

function WithHook({ locationId }) {
  const [data, reload] = useWeather(locationId);

  return (
    <WeatherCard title="With Hooks" data={data} reload={reload} />
  )
}

WithHook.propTypes = {
  locationId: PropTypes.number.isRequired
};

export default WithHook;