Type '{}' is missing the following properties from type '': id, firstName, lastName, middleName, and 3 more

полный код ошибки Type '{}' is missing the following properties from type '{ id: number; firstName: string; lastName: string; middleName: string; sectionName: string; email: string; contacts: string; }': id, firstName, lastName, middleName, and 3 more. полная ошибка

пишу код на react вышла ошибка, уже вроде всё, пересмотрел, но не получается разобраться у меня есть следующий интерфейс

export enum PageMode {
  LOOK = 'look',
  EDIT = 'edit',
}

export interface InitialValue {
  pageForm?: PageMode;
  data: {
    id: number;
    firstName: string;
    lastName: string;
    middleName: string;
    sectionName: string;
    email: string;
    contacts: string;
  };
}

и такие хуки смотреть на переменную data

export const useMentorsCard = () => {
  const [searchParams] = useSearchParams();
  const [pageMode, setPageMode] = useState(PageMode.LOOK);
  const mode = searchParams.get('mode');
  let data = {};

  useEffect(() => {
    const getRequest = async () => {
      const config = {
        method: 'get',
        url: GET_CURATOR_INFO,
      };

      return axios(config);
    };
    data = getRequest();

    if (mode === 'look') {
      setPageMode(PageMode.LOOK);
    } else if (mode === 'edit') {
      setPageMode(PageMode.EDIT);
    }
  }, [mode]);

  return {pageMode, data};
};

сам компонент(в нём и возникает ошибка)

export const ModuleMentorsCard = () => {
  const {pageMode, data} = useMentorsCard();

  return <PageForm pageForm={pageMode} data={data} />;
};

и такой компонент PageForm:

export const PageForm = ({pageForm, data}: InitialValue) => {
  switch (pageForm) {
    case PageMode.LOOK:
      return <CardFields data={data} />;
    case PageMode.EDIT:
      return <EditCardFields data={data} />;
    default:
      return null;
  }
};

Ответы (0 шт):