Дмитрий

Вызов getTodos() в эффекте нужно обернуть в dispatch.

import React from 'react'
import { useEffect } from 'react'
import { useDispatch } from 'react-redux'
import { getTodos } from '../redux/todo-reducer'

export const Todo = (props) => {
    const dispatch = useDispatch()

    useEffect(() => {
        dispatch(getTodos())
    })

    ...
}

Как только вы вынесете функцию, выполняющую асинхронное действие, за пределы компонента, вам понадобится самостоятельно пробрасывать в нее dispatch и getState. redux-thunk делает это за вас.

У вас addItem зачем-то объявлен как thunk. Когда вы вызываете addItem(), в action у вас не объект, а функция. Уберите dispatch:
export const addItem = () => ({type: ADD_ITEM});

Голый Redux — это низкоуровневый конструктор и набор рекомендаций. Любой проект, использующий редакс, рано или поздно начинает использовать самописные или сторонние (типа redux-toolkit) библиотеки-обертки над редаксом, чтобы уменьшить количество бойлерплейта и упростить себе жизнь.

Если вы понимаете и принимаете свой подход, каким бы он ни был, со всеми его плюсами и минусами, и для вас он работает — используйте на здоровье. Другим он может не подойти.