diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx index c20b0c047..8edd3f380 100644 --- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx +++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx @@ -88,14 +88,11 @@ export function Dropdown({ const dependsOnFields = useMemo(() => getDependsOnFields(dependsOn), [dependsOn]) - // Stable empty array for when there are no dependencies - const emptyDependencyValues = useMemo(() => [], []) - const activeWorkflowId = useWorkflowRegistry((s) => s.activeWorkflowId) - const dependencyValuesFromStore = useSubBlockStore( + const dependencyValues = useSubBlockStore( useCallback( (state) => { - if (dependsOnFields.length === 0 || !activeWorkflowId) return null + if (dependsOnFields.length === 0 || !activeWorkflowId) return [] const workflowValues = state.workflowValues[activeWorkflowId] || {} const blockValues = workflowValues[blockId] || {} return dependsOnFields.map((depKey) => blockValues[depKey] ?? null) @@ -104,8 +101,6 @@ export function Dropdown({ ) ) - const dependencyValues = dependencyValuesFromStore ?? emptyDependencyValues - const [storeInitialized, setStoreInitialized] = useState(false) const [fetchedOptions, setFetchedOptions] = useState>([]) const [isLoadingOptions, setIsLoadingOptions] = useState(false) @@ -115,7 +110,6 @@ export function Dropdown({ const previousModeRef = useRef(null) const previousDependencyValuesRef = useRef('') - // State for dataMode conversion (structured ↔ JSON) const [builderData, setBuilderData] = useSubBlockValue(blockId, 'builderData') const [data, setData] = useSubBlockValue(blockId, 'data')