Fix types issues with context props

Author: markerikson

src/components/Provider.tsx

@@ -15,7 +15,7 @@ export interface ProviderProps<A extends Action = AnyAction> {
    * If this is used, you'll need to customize `connect` by supplying the same context provided to the Provider.
    * Initial value doesn't matter, as it is overwritten with the internal state of Provider.
    */
-  context?: Context<ReactReduxContextValue | null>
+  context?: Context<ReactReduxContextValue>
   children: ReactNode
 }
 

src/components/connect.tsx

@@ -425,9 +425,9 @@ function connect<
   TMergedProps = {},
   State = DefaultRootState
 >(
-  mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,
-  mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
-  mergeProps: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
+  mapStateToProps?: MapStateToPropsParam<TStateProps, TOwnProps, State>,
+  mapDispatchToProps?: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,
+  mergeProps?: MergeProps<TStateProps, TDispatchProps, TOwnProps, TMergedProps>,
   options?: ConnectOptions<State, TStateProps, TOwnProps, TMergedProps>
 ): InferableComponentEnhancerWithProps<TMergedProps, TOwnProps & ConnectProps>
 

test/components/connect.spec.tsx

@@ -2154,10 +2154,9 @@ describe('React', () => {
           }
         }
 
-        const context = React.createContext<ReactReduxContextValue<
-          any,
-          AnyAction
-        > | null>(null)
+        const context = React.createContext<
+          ReactReduxContextValue<any, AnyAction>
+        >(null as any)
 
         let actualState
 
@@ -2196,10 +2195,9 @@ describe('React', () => {
           }
         }
 
-        const context = React.createContext<ReactReduxContextValue<
-          any,
-          AnyAction
-        > | null>(null)
+        const context = React.createContext<
+          ReactReduxContextValue<any, AnyAction>
+        >(null as any)
 
         let actualState
 
@@ -2451,8 +2449,9 @@ describe('React', () => {
           (state: RootStateType = 0, action: ActionType) =>
             action.type === 'INC' ? state + 1 : state
         )
-        const customContext =
-          React.createContext<ReactReduxContextValue | null>(null)
+        const customContext = React.createContext<ReactReduxContextValue>(
+          null as any
+        )
 
         class A extends Component {
           render() {

test/hooks/useDispatch.spec.tsx

@@ -27,8 +27,9 @@ describe('React', () => {
     })
     describe('createDispatchHook', () => {
       it("returns the correct store's dispatch function", () => {
-        const nestedContext =
-          React.createContext<ReactReduxContextValue | null>(null)
+        const nestedContext = React.createContext<ReactReduxContextValue>(
+          null as any
+        )
         const useCustomDispatch = createDispatchHook(nestedContext)
         const { result } = renderHook(() => useDispatch(), {
           // eslint-disable-next-line react/prop-types

test/hooks/useSelector.spec.tsx

@@ -697,8 +697,9 @@ describe('React', () => {
       })
 
       it('subscribes to the correct store', () => {
-        const nestedContext =
-          React.createContext<ReactReduxContextValue | null>(null)
+        const nestedContext = React.createContext<ReactReduxContextValue>(
+          null as any
+        )
         const useCustomSelector = createSelectorHook(nestedContext)
         let defaultCount = null
         let customCount = null