remove return before useState

Proof-Of-Chaos · Apr 25, 2024 · ec6fbf7 · ec6fbf7
1 parent ccb281c
commit ec6fbf7
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/app/[chain]/referendum-rewards/components/form-actions.tsx b/app/[chain]/referendum-rewards/components/form-actions.tsx
@@ -79,11 +79,7 @@ export default function FormActions({
   const otherSteps = [0, 1, 2].filter((index) => index > step).map(String);
 
   const [signingIndex, setSigningIndex] = useState<number>(0);
-  if (!rewardSendoutData?.kusamaAssetHubTxs) {
-    return;
-  }
-  const amountOfTxs = Math.ceil(rewardSendoutData?.kusamaAssetHubTxs?.length / rewardsConfig.NFT_BATCH_SIZE_MAX);
-
+
   const [txResult, setTxResult] = useState<SendAndFinalizeResult[]>();
 
   const formMethods = useFormContext();
@@ -98,6 +94,12 @@ export default function FormActions({
 
   const watchFormFields = watch();
 
+  if (!rewardSendoutData?.kusamaAssetHubTxs) {
+    // It's better to handle this condition differently or ensure the layout still renders without functional impact.
+    return <div>No transactions found</div>;
+  }
+  const amountOfTxs = Math.ceil(rewardSendoutData?.kusamaAssetHubTxs?.length / rewardsConfig.NFT_BATCH_SIZE_MAX);
+
   function onReset() {
     setStep(0);
     reset();