React Zombie spinner killer

TodoList.tsx

function TodoList({ list }: { list: string }) {
    const { data, error, loading, reload } = useLoader(
        async () => listTodos(list),
        [list]
    );
    return (
        <>
            <h2>Items in {list}</h2>
            {loading && <Spinner />}
            {error && <ErrorView error={error} reload={reload} />}
            {data && (
                <ul>
                    {data.map(item => (
                        <li>{item}</li>
                    ))}
                </ul>
            )}
        </>
    );
}