Data Guard #EarlyReturn

example.tsx

type Data1GuardProps = {
  children: (data1: Data1) => JSX.Element;
};
const Data1Guard: React.FC<Data1GuardProps> = ({ children }) => {
  const data1 = useData1();
  if (!data1) {
    return null;
  }

  return children(data1);
};

type Data2GuardProps = {
  data1: Data1;
  children: (data2: Data2) => JSX.Element;
};
const Data2Guard: React.FC<Data2GuardProps> = ({ data1, children }) => {
  const data2 = useData2(data1);
  if (!data2) {
    return null;
  }

  return children(data2);
};