Fix test TS errors

Author: markerikson

test/components/connect.spec.tsx

@@ -1,7 +1,7 @@
 /*eslint-disable react/prop-types*/
 
 import React, { Component } from 'react'
-import { createStore, applyMiddleware } from 'redux'
+import { createStore, applyMiddleware, UnknownAction, Action } from 'redux'
 import { Provider as ProviderMock, connect } from '../../src/index'
 import * as rtl from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
@@ -2278,9 +2278,7 @@ describe('React', () => {
         interface Store2State1Type {
           second: string
         }
-        interface ActionType {
-          type: string
-        }
+        type ActionType = UnknownAction
         type NoDispatchType = {}
         const c3Spy = jest.fn()
         const c2Spy = jest.fn()
@@ -2414,9 +2412,7 @@ describe('React', () => {
 
       it('should subscribe properly when a new store is provided via props', () => {
         type RootStateType = number
-        interface ActionType {
-          type: string
-        }
+        type ActionType = UnknownAction
         const store1 = createStore(
           (state: RootStateType = 0, action: ActionType) =>
             action.type === 'INC' ? state + 1 : state
@@ -2822,7 +2818,7 @@ describe('React', () => {
           )
           return null
           //@ts-ignore before typescript4.0, a catch could not have type annotations
-        } catch (error) {
+        } catch (error: any) {
           return error.message
         } finally {
           spy.mockRestore()
@@ -3129,15 +3125,16 @@ describe('React', () => {
       it('should use the latest props when updated between actions', () => {
         type RootStateType = number
         type PayloadType = () => void
-        interface ActionType {
-          type: string
+        interface ActionType extends Action<string> {
           payload?: PayloadType
         }
+
         const reactCallbackMiddleware = (store: MiddlewareAPI) => {
           let callback: () => void
 
-          return (next: ReduxDispatch) => (action: ActionType) => {
+          return (next: ReduxDispatch) => (action: UnknownAction) => {
             if (action.type === 'SET_COMPONENT_CALLBACK') {
+              // @ts-ignore
               callback = action.payload!
             }
 
@@ -3171,7 +3168,9 @@ describe('React', () => {
 
         const store = createStore(
           counter,
-          applyMiddleware(reactCallbackMiddleware)
+          applyMiddleware
+          // @ts-ignore
+          (reactCallbackMiddleware)
         )
 
         interface ChildrenTStatePropsType {

test/components/hooks.spec.tsx

@@ -20,7 +20,7 @@ describe('React', () => {
         }
         list: Array<number>
       }
-      const store = createStore<RootStateType, AnyAction, unknown, unknown>(
+      const store = createStore<RootStateType, AnyAction, {}, {}>(
         (state, action) => {
           let newState =
             state !== undefined

test/integration/server-rendering.spec.tsx

@@ -11,17 +11,13 @@
 import React, { FunctionComponent } from 'react'
 import { renderToString } from 'react-dom/server'
 import { createStore } from 'redux'
+import type { PayloadAction } from '@reduxjs/toolkit'
 import { Provider, connect } from '../../src/index'
 import type { Dispatch, Store } from 'redux'
 
 describe('React', () => {
   describe('server rendering', () => {
-    interface ActionType {
-      type: string
-      payload: {
-        greeting: string
-      }
-    }
+    type ActionType = PayloadAction<{ greeting: string }>
     function greetingReducer(
       state = { greeting: 'Hello' },
       action: ActionType

test/react-native/batch-integration.tsx

@@ -276,7 +276,10 @@ describe('React Native', () => {
 
       const store = createStore(
         counter,
-        applyMiddleware(reactCallbackMiddleware)
+        applyMiddleware(
+          // @ts-ignore
+          reactCallbackMiddleware
+        )
       )
 
       interface ChildrenTStatePropsType {