React Redux Неверный вызов ловушки

Question

Я уверен, что следую правилам, но у меня есть эта ошибка в этой функции

Ошибка: неверный вызов ловушки. Хуки могут быть вызваны только внутри тела функционального компонента. Это может произойти по одной из следующих причин:

1. Возможно, у вас несовпадающие версии React и средства визуализации (например, React DOM)
2. Возможно, вы нарушаете правила хуков
3. В одном приложении может быть более одной копии React

в этом:

import React, { useState, useEffect } from 'react';
import { getAll } from './../../services/events/api';
import EventsList from '../../containers/EventsList';
import IEvent from './../../services/events/models/IEvent';
import Loading from './../../components/Loading';
import Error from './../../components/Error';
const EventList = () => {
  const [events, setEvents] = useState<Array<IEvent>>([]);

  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState(null);

  const fetch = async () => {
    try {
      setIsLoading(true);
      const events: Array<IEvent> = await getAll();
      setEvents(events);
      setIsLoading(false);
    } catch (error) {
      setIsLoading(false);
      setError(error);
      console.log(error);
    }
  };

  useEffect(() => {
    fetch();
  }, []);
  return (
    <>
      {error ? (
        <Error title="Sorry" subtitle="Error loading events" />
      ) : isLoading ? (
        <Loading />
      ) : (
        <EventsList events={events} />
      )}
    </>
  );
};
export default EventList;

где ошибка? для неверного вызова ловушки