trimlog-ykonsole-chrome-extension/my-bois/src/hooks/options.js

import {useEffect, useState} from "react";
import {fetchBikes, fetchPrograms} from "./net";

export default function useOptions() {
  const [bikes, setBikes] = useState(null);
  const [programs, setPrograms] = useState(null);

  useEffect(() => {
    if (programs === null) {
      fetchPrograms().then(newPrograms => setPrograms(newPrograms));
    }
  }, [programs]);

  useEffect(() => {
    if (bikes === null) {
      fetchBikes().then(newBikes => {
        setBikes(newBikes);
      });
    }
  }, [bikes]);

  return {bikes, programs};
}