Странный ты. В чем разница между простыми скалярами и объектами?
const age: number = 18;
type User = {
age: number
}
const user: User = {
age,
}
console.log(user.age);
Ты же в своем первом варианте брал context.query, то есть из объекта брал свойство. Так же и здесь у тебя на вход не конечное свойство, а объект.
>>Просто на вход у тебя там не query, а {query}. Внимательней надо быть :)
Кстати, а в чем различия?
И почаще используй форматирование. У тебя вложенность даже сбита.
В итоге ПР получился сильно больше, чем на самом деле было сделано.
>> И здесь context.query вроде как должа иметь тип ParsedUrlQuery, на что и ругается
Просто на вход у тебя там не query, а {query}. Внимательней надо быть :)
Вот как должно быть:
BeersPage.getInitialProps = async (context) => {
const { apolloClient } = context
const result = await apolloClient.query<BeersConnectionQuery>({
query: BeersConnectionDocument,
/**
* Важно, чтобы все переменные запроса серверные и фронтовые совпадали,
* иначе при рендеринге не будут получены данные из кеша и рендер будет пустой.
*/
variables: {
...getBeersVariables(context.query),
},
})
return {
statusCode: !result.data.beersConnection.edges.length ? 404 : undefined,
}
}
И здесь context.query вроде как должа иметь тип ParsedUrlQuery, на что и ругается
Понял!
BeersPage.getInitialProps = async (context) => {
const { apolloClient } = context
const qq = context.query as any
const result = await apolloClient.query<BeersConnectionQuery>({
query: BeersConnectionDocument,
/**
* Важно, чтобы все переменные запроса серверные и фронтовые совпадали,
* иначе при рендеринге не будут получены данные из кеша и рендер будет пустой.
*/
variables: {
...getBeersVariables(qq),
},
})
return {
statusCode: !result.data.beersConnection.edges.length ? 404 : undefined,
}
}
Я здесь слегка не убрал эксперимент: лишняя переменная qq
const qq = context.query as any
Вот это совсем не правильно.
1. У тебя context.query имеет вполне понятный тип. В any его превращать нет смысла.
2. Использовать any - вообще плохо и максимально надо этого избегать. С этим теряется вся суть тайпскрипта, который как раз для более четкой типизации.
3. Использовать as - тоже очень не хорошо, и хотя порой без этого не обойтись, все же максимально надо этого избегать, прям вот до крайности.
Дима, привет!
Не ленись прикладывать скрины или хотя бы текстовые сообщения и прочую полезную информацию. А то еще задачу даешь найти где именно ошибка. А если их две и более? Я буду про одно, а ты про другое.