Property ‘userState’ does not exist on type ‘DefaultRootState’

I believe this post would be useful for redux integration into react project and you might get the following error:

TS2339: Property 'userState' does not exist on type 'DefaultRootState'

Code: RootReducer

const rootReducer = combineReducers({
  
  userState:userReducer,
  feeds:feedReducer,
  dashboard:dashboardReducer,
  financialData:financialDataReducer,

});

export default rootReducer;

You will get error when you try to access like below:

const userInfo= useSelector(state => state.userState); // Code will fail at this error 

Solution

const rootReducer = combineReducers({
  
  userState:userReducer,
  feeds:feedReducer,
  dashboard:dashboardReducer,
  financialData:financialDataReducer,

});


export type IState= ReturnType<typeof rootReducer>

=============================================================================
While accessing, add IState as type
let userData = useSelector((state: IState) => state.userData);

Other solution:

import { RootStateOrAny, useSelector } from "react-redux"

let userData = useSelector((state: RootStateOrAny) => state.userData);

Thanks you !!!