import { useState } from 'react'; import { useSelector } from 'react-redux'; import { RootState } from '../redux/store'; export default function TodoList() { // state from redux store const items = useSelector((state: RootState) => state.items); // normal state const [nextId, setNextId] = useState<number>(0); // proceed to use state as usual return ( <> {items.map(item => { return ( <TodoItem text={item.name} /> ) })} </> ) }