Первая простая задача: вывести даты на странице задачи

import { gql, useQuery } from '@apollo/client'; const GET_DOGS = gql` query GetDogs { dogs { id breed } } `; function Dogs({ onDogSelected }) { const { loading, error, data } = useQuery(GET_DOGS); if (loading) return 'Loading...'; if (error) return `Error! ${error.message}`; return ( <select name="dog" onChange={onDogSelected}> {data.dogs.map(dog => ( <option key={dog.id} value={dog.breed}> {dog.breed} </option> ))} </select> ); }

export interface Task extends Node { __typename?: 'Task'; id: Scalars['ID']; createdAt: Scalars['DateTime']; updatedAt: Scalars['DateTime']; name: Scalars['String']; description?: Maybe<Scalars['String']>; content?: Maybe<Scalars['Json']>; status: TaskStatus; TaskProjects?: Maybe<Array<ProjectTask>>; CreatedBy?: Maybe<User>; Members?: Maybe<Array<TaskMember>>; Parent?: Maybe<Task>; Childs?: Maybe<Array<Task>>; RelatedFrom?: Maybe<Array<Task>>; RelatedTo?: Maybe<Array<Task>>; startDatePlaning?: Maybe<Scalars['DateTime']>; endDatePlaning?: Maybe<Scalars['DateTime']>; startDate?: Maybe<Scalars['DateTime']>; endDate?: Maybe<Scalars['DateTime']>; Timers?: Maybe<Array<Timer>>; Reactions?: Maybe<Array<TaskReaction>>; ChatRoom?: Maybe<ChatRoom>; CodeChallengeCompletion?: Maybe<CodeChallengeCompletion>; }

query task($where: TaskWhereUniqueInput!, $timersWhere: TimerWhereInput) { object: task(where: $where) { ...task_ Timers(orderBy: createdAt_DESC, where: $timersWhere) { ...timersConnectionTimer } } }

export function useTaskQuery(baseOptions: Apollo.QueryHookOptions<TaskQuery, TaskQueryVariables>) { return Apollo.useQuery<TaskQuery, TaskQueryVariables>(TaskDocument, baseOptions); }

const response = useTaskQuery({ variables, onError: console.error, })

{createdAt ? ( <Typography variant="caption" color="textSecondary"> {moment(createdAt).format('lll')} </Typography> ) : null}

query task($where: TaskWhereUniqueInput!, $timersWhere: TimerWhereInput) { object: task(where: $where) { ...task_ Timers(orderBy: createdAt_DESC, where: $timersWhere) { ...timersConnectionTimer } } }

<Grid item> <{createdAt ? ( <Typography variant="caption" color="textSecondary"> {moment(task.startDate).format('lll')} </Typography> ) : null} </Grid>

<Grid item> {moment(task.startDate).format('lll')} </Grid>

<Grid item xs> <Typography variant="title">{task.name}</Typography> {moment(task.startDate).format('lll')} </Grid>

git checkout -b with_error git add . git commit -am "WithError" --no-verify git push --no-verify

Error: 110:14 error 'moment' is not defined no-undef Error: 150:6 error React Hook useMemo has a missing dependency: 'task.startDate'. Either include it or remove the dependency array react-hooks/exhaustive-deps ✖ 2 problems (2 errors, 0 warnings)

(alias) moment(inp?: moment.MomentInput, strict?: boolean | undefined): moment.Moment (+2 overloads) export namespace moment @param strict Strict parsing disables the deprecated fallback to the native Date constructor when parsing a string. 'moment' is not defined.eslintno-undef 'moment' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686)

yarn lint yarn run v1.22.5 $ eslint . --ext ts --ext tsx --ext js /disk480/www/freecode.academy/test/p1aton/src/pages/Tasks/Task/View/index.tsx 75:14 error 'moment' is not defined no-undef 111:6 error React Hook useMemo has a missing dependency: 'task.startDate'. Either include it or remove the dependency array react-hooks/exhaustive-deps ✖ 2 problems (2 errors, 0 warnings) error Command failed with exit code 1.

yarn types yarn run v1.22.5 $ tsc --pretty --noEmit src/pages/Tasks/Task/View/index.tsx:75:14 - error TS2686: 'moment' refers to a UMD global, but the current file is a module. Consider adding an import instead. 75 {moment(task.startDate).format('lll')} ~~~~~~ Found 1 error. error Command failed with exit code 2.

Uncaught ReferenceError: task is not defined at <anonymous>:1:21 (anonymous) @ VM226:1