Data Guard Compose #EarlyReturn

example.tsx

const MyComponent: React.FC = () => {
  return (
    <Data1Guard>
      {(data1) => (
        <Data2Guard data1={data1}>
          {(data2) => (
            <AggregateDataGuard data1={data1} data2={data2}>
              {(result) => <ResultDisplay result={result} />}
            </AggregateDataGuard>
          )}
        </Data2Guard>
      )}
    </Data1Guard>
  );
};