diff --git a/packages/web/src/hooks/useDynamicFields.js b/packages/web/src/hooks/useDynamicFields.js
index 9027d937..d15c0fd7 100644
--- a/packages/web/src/hooks/useDynamicFields.js
+++ b/packages/web/src/hooks/useDynamicFields.js
@@ -75,11 +75,15 @@ function useDynamicFields(stepId, schema) {
 
   const query = useQuery({
     queryKey: ['dynamicFields', stepId, computedVariables],
-    queryFn: async () => {
-      const { data } = await api.post(`/v1/steps/${stepId}/dynamic-fields`, {
-        dynamicFieldsKey: computedVariables.key,
-        parameters: computedVariables.parameters,
-      });
+    queryFn: async ({ signal }) => {
+      const { data } = await api.post(
+        `/v1/steps/${stepId}/dynamic-fields`,
+        {
+          dynamicFieldsKey: computedVariables.key,
+          parameters: computedVariables.parameters,
+        },
+        { signal },
+      );
 
       return data;
     },