Weather without hooks

WithoutHook.js

import React, { useEffect, useState } from "react";
import PropTypes from "prop-types";
import WeatherCard from './WeatherCard';
import { getWeatherByLocationId } from "./connector";

function WithoutHook({ locationId }) {
  const [data, setData] = useState(null);

  async function reload() {
    try {
      setData(null);
      setData(await getWeatherByLocationId(locationId));
    } catch (e) {
      console.error(e);
    }
  }

  useEffect(() => {
    reload();
  }, []);

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

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

export default WithoutHook;