This change will show the product during the task completion

packages/webapp/src/containers/Task/TaskComplete/StepOne.jsx

@@ -8,6 +8,7 @@ import { productsSelector } from '../../productSlice';
 import { certifierSurveySelector } from '../../OrganicCertifierSurvey/slice';
 import { useDispatch } from 'react-redux';
 import { setPersistedPaths } from '../../hooks/useHookFormPersist/hookFormPersistSlice';
+import { getProducts } from '../saga';
 
 function TaskCompleteStepOne({ history, match, location }) {
   const {
@@ -30,15 +31,20 @@ function TaskCompleteStepOne({ history, match, location }) {
   };
 
   const dispatch = useDispatch();
+  useEffect(() => {
+    dispatch(getProducts());
+  }, [dispatch]);
+
   useEffect(() => {
     dispatch(
       setPersistedPaths([`/tasks/${task_id}/complete`, `/tasks/${task_id}/before_complete`]),
     );
-  }, []);
+  }, [dispatch, task_id]);
 
   return (
     <HookFormPersistProvider>
       <PureCompleteStepOne
+        key={products.length} // Adding key prop to force re-render
         onContinue={onContinue}
         onGoBack={onGoBack}
         system={system}