chore(monorepo): Bump Redux to 5.0.1 (#18295)

Closes EXEC-1473

Author: mjhuff

app/package.json

@@ -56,9 +56,9 @@
     "react-select": "5.4.0",
     "react-simple-keyboard": "^3.7.0",
     "react-viewport-list": "6.3.0",
-    "redux": "4.0.5",
+    "redux": "5.0.1",
     "redux-observable": "1.1.0",
-    "redux-thunk": "2.3.0",
+    "redux-thunk": "3.1.0",
     "reselect": "4.0.0",
     "rxjs": "^6.5.1",
     "semver": "5.7.2",

app/src/App/__tests__/hooks.test.tsx

@@ -1,7 +1,7 @@
 import { I18nextProvider } from 'react-i18next'
 import { Provider } from 'react-redux'
 import { renderHook } from '@testing-library/react'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { i18n } from '/app/i18n'
@@ -18,7 +18,7 @@ describe('useSoftwareUpdatePoll', () => {
   let store: Store<State>
   beforeEach(() => {
     vi.useFakeTimers()
-    store = createStore(vi.fn(), {})
+    store = legacy_createStore(vi.fn(), {})
     store.dispatch = vi.fn()
     wrapper = ({ children }) => (
       <I18nextProvider i18n={i18n}>

app/src/__testing-utils__/renderWithProviders.tsx

@@ -4,11 +4,11 @@ import { I18nextProvider } from 'react-i18next'
 import { QueryClient, QueryClientProvider } from 'react-query'
 import { Provider } from 'react-redux'
 import { render } from '@testing-library/react'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 import { vi } from 'vitest'
 
 import type { RenderOptions, RenderResult } from '@testing-library/react'
-import type { PreloadedState, Store } from 'redux'
+import type { Store } from 'redux'
 import type {
   ComponentProps,
   ComponentType,
@@ -28,10 +28,7 @@ export function renderWithProviders<State>(
   // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
   const { initialState = {}, i18nInstance = null } = options || {}
 
-  const store: Store<State> = createStore(
-    vi.fn(),
-    initialState as PreloadedState<State>
-  )
+  const store: Store<State> = legacy_createStore(vi.fn(), initialState)
   store.dispatch = vi.fn()
   store.getState = vi.fn(() => initialState) as () => State
 

app/src/molecules/GenericWizardTile/GenericWizardTile.stories.tsx

@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 
 import {
   DIRECTION_COLUMN,
@@ -26,7 +26,7 @@ const dummyConfig = {
   },
 } as any
 
-const store: Store<any> = createStore(
+const store: Store<any> = legacy_createStore(
   configReducer,
   dummyConfig as StoreEnhancer
 )

app/src/molecules/InterventionModal/InterventionModal.stories.tsx

@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 
 import { LegacyStyledText } from '@opentrons/components'
 
@@ -15,7 +15,7 @@ const dummyConfig = {
     isOnDevice: false,
   },
 } as any
-const store: Store<any> = createStore(
+const store: Store<any> = legacy_createStore(
   configReducer,
   dummyConfig as StoreEnhancer
 )

app/src/molecules/SimpleWizardBody/SimpleWizardBody.stories.tsx

@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 
 import { COLORS, ModalShell, PrimaryButton } from '@opentrons/components'
 
@@ -23,7 +23,7 @@ const dummyConfig = {
   },
 } as any
 
-const store: Store<any> = createStore(
+const store: Store<any> = legacy_createStore(
   configReducer,
   dummyConfig as StoreEnhancer
 )

app/src/molecules/ToggleGroup/__tests__/useToggleGroup.test.tsx

@@ -1,5 +1,5 @@
 import { Provider } from 'react-redux'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 
 import '@testing-library/jest-dom/vitest'
 
@@ -19,7 +19,7 @@ vi.mock('/app/redux/analytics')
 let mockTrackEvent: any
 
 describe('useToggleGroup', () => {
-  const store: Store<State> = createStore(vi.fn(), {})
+  const store: Store<State> = legacy_createStore(vi.fn(), {})
   beforeEach(() => {
     mockTrackEvent = vi.fn()
     vi.mocked(useTrackEvent).mockReturnValue(mockTrackEvent)

app/src/organisms/Desktop/Devices/ProtocolRun/ProtocolRunHeader/RunHeaderModalContainer/modals/HeaterShakerIsRunningModal/__tests__/hooks.test.tsx

@@ -1,6 +1,6 @@
 import { Provider } from 'react-redux'
 import { renderHook } from '@testing-library/react'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import { HEATERSHAKER_MODULE_V1 } from '@opentrons/shared-data'
@@ -17,7 +17,7 @@ import type { State } from '/app/redux/types'
 vi.mock('/app/resources/runs')
 
 describe('useHeaterShakerModuleIdsFromRun', () => {
-  const store: Store<State> = createStore(vi.fn(), {})
+  const store: Store<State> = legacy_createStore(vi.fn(), {})
 
   beforeEach(() => {
     store.dispatch = vi.fn()

app/src/organisms/Desktop/Devices/RobotSettings/UpdateBuildroot/__tests__/UpdateRobotModal.test.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, screen } from '@testing-library/react'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import '@testing-library/jest-dom/vitest'
@@ -33,7 +33,7 @@ describe('UpdateRobotModal', () => {
   let props: ComponentProps<typeof UpdateRobotModal>
   let store: Store<State>
   beforeEach(() => {
-    store = createStore(vi.fn(), {})
+    store = legacy_createStore(vi.fn(), {})
     store.dispatch = vi.fn()
     props = {
       robotName: 'test robot',

app/src/organisms/Desktop/Devices/RobotSettings/UpdateBuildroot/__tests__/useRobotUpdateInfo.test.tsx

@@ -1,7 +1,7 @@
 import { I18nextProvider } from 'react-i18next'
 import { Provider } from 'react-redux'
 import { renderHook } from '@testing-library/react'
-import { createStore } from 'redux'
+import { legacy_createStore } from 'redux'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 import '@testing-library/jest-dom/vitest'
@@ -40,7 +40,7 @@ describe('useRobotUpdateInfo', () => {
 
   beforeEach(() => {
     vi.useFakeTimers()
-    store = createStore(vi.fn(), {})
+    store = legacy_createStore(vi.fn(), {})
     store.dispatch = vi.fn()
     wrapper = ({ children }) => (
       <I18nextProvider i18n={i18n}>