App.js

export default function App() {
  const fetchTodos = useActions(actions => actions.fetchTodos);
  useEffect(() => {
    fetchTodos();
  }, [fetchTodos]);
  return (
    <div>
      <h1 style={{ margin: 0 }}>Todo</h1>
      <Todos />
      <AddTodo />
    </div>
  );
}

Ok, thank you very much for clearing my mind. I see now that it was intentional.