useSelector with DefaultRootState

reducers.ts

import { combineReducers } from 'redux';
import todosReducer from './todosReducer';

const reducers = combineReducers({
  todos: todosReducer,
});

export default reducers;

export type RootState = ReturnType<typeof reducers>;

TodoList.tsx

import { useSelector } from './useSelector';

const TodoList: React.FC = () => {
  const { todos } = useSelector((state) => state.todos);

  return (
    <ul>
      {todos.map((todo) => (
        <li>{todo}</li>
      ))}
    </ul>
  );
};

export default TodoList;

useSelector.ts

import { useSelector as _useSelector, TypedUseSelectorHook } from 'redux-redux';
import { RootState } from './reducer';

export const useSelector: TypedUseSelectorHook<RootState> = _useSelector;