useSelector without DefaultRootState

reducers.ts

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

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

export default reducers;

TodoList.tsx

import { useSelector } from 'react-redux';

const TodoList: React.FC = () => {
  const { todos } = useSelector((state) => state.todos);
  // Property 'todos' does not exist on type 'DefaultRootState'.

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

export default TodoList;