fix(app): fix odd module pages update issue (#13646)

* fix(app): fix odd module screen update issue

Author: koji

app/src/organisms/Devices/hooks/useAttachedModules.ts

@@ -1,8 +1,11 @@
 import { useModulesQuery } from '@opentrons/react-api-client'
-import type { AttachedModule } from '@opentrons/api-client'
+import type { UseQueryOptions } from 'react-query'
+import type { AttachedModule, Modules } from '@opentrons/api-client'
 
-export function useAttachedModules(): AttachedModule[] {
-  const attachedModulesResponse = useModulesQuery()
+export function useAttachedModules(
+  options: UseQueryOptions<Modules> = {}
+): AttachedModule[] {
+  const attachedModulesResponse = useModulesQuery({ ...options })
 
   return attachedModulesResponse.data?.data || []
 }

app/src/organisms/ProtocolSetupModules/index.tsx

@@ -65,6 +65,8 @@ import type { ProtocolCalibrationStatus } from '../../organisms/Devices/hooks'
 import type { AttachedProtocolModuleMatch } from './utils'
 import type { CommandData } from '@opentrons/api-client'
 
+const ATTACHED_MODULE_POLL_MS = 5000
+
 const OT3_STANDARD_DECK_VIEW_LAYER_BLOCK_LIST: string[] = [
   'DECK_BASE',
   'BARCODE_COVERS',
@@ -314,7 +316,10 @@ export function ProtocolSetupModules({
 
   const deckDef = getDeckDefFromRobotType(ROBOT_MODEL_OT3)
 
-  const attachedModules = useAttachedModules()
+  const attachedModules =
+    useAttachedModules({
+      refetchInterval: ATTACHED_MODULE_POLL_MS,
+    }) ?? []
 
   const localRobot = useSelector(getLocalRobot)
   const robotName = localRobot?.name != null ? localRobot.name : ''

app/src/pages/OnDeviceDisplay/ProtocolSetup/index.tsx

@@ -77,7 +77,7 @@ import { getLatestCurrentOffsets } from '../../../organisms/Devices/ProtocolRun/
 
 import type { OnDeviceRouteParams } from '../../../App/types'
 
-const FETCH_DOOR_STATUS_MS = 5000
+const FETCH_DURATION_MS = 5000
 interface ProtocolSetupStepProps {
   onClickSetupStep: () => void
   status: 'ready' | 'not ready' | 'general'
@@ -369,7 +369,10 @@ function PrepareToRun({
   const protocolHasModules =
     mostRecentAnalysis?.modules != null &&
     mostRecentAnalysis?.modules.length > 0
-  const attachedModules = useAttachedModules()
+  const attachedModules =
+    useAttachedModules({
+      refetchInterval: FETCH_DURATION_MS,
+    }) ?? []
 
   const runStatus = useRunStatus(runId)
   const isHeaterShakerInProtocol = useIsHeaterShakerInProtocol()
@@ -505,7 +508,7 @@ function PrepareToRun({
   const liquidsInProtocol = mostRecentAnalysis?.liquids ?? []
 
   const { data: doorStatus } = useDoorQuery({
-    refetchInterval: FETCH_DOOR_STATUS_MS,
+    refetchInterval: FETCH_DURATION_MS,
   })
   const isDoorOpen =
     doorStatus?.data.status === 'open' &&