query beers($where: BeerWhereInput, $first: Int = 3, $skip: Int) { beersConnection(where: $where, first: $first, skip: $skip) { aggregate { count } edges { node { ...beer } } } } fragment beer on Beer { id name uri image places { id price Place { ...place } } } fragment place on Place { id name uri }

import { useRouter } from 'next/dist/client/router' import { Page } from 'src/pages/_App/interfaces' import { NextSeo } from 'next-seo' import { ParsedUrlQuery } from 'querystring' import React from 'react' import { BeerFragment, //BeersDocument, //BeersQuery, BeersQueryVariables, useBeersQuery, } from 'src/modules/gql/generated' const getVariables = (query: ParsedUrlQuery): BeersQueryVariables => { const first = query.first && typeof query.first === 'string' ? parseInt(query.first) : undefined const idbeer:any = query.id return { first, where: { id: idbeer, }, } } const BeerPage: Page = () => { const router = useRouter() const variables = getVariables(router.query) const response = useBeersQuery({ variables, }) const beers: BeerFragment[] = [] response.data?.beersConnection.edges.map((n) => { if (n?.node) { beers.push(n.node) } }) //console.log('beers', beers[0]); //console.log('variables', variables); //if(beers[0]) { var beername = beers[0].name var beerimage = beers[0].image //} return ( <> <NextSeo title={beername} /> {/*router.query.id*/} <h1>{beername}</h1> <img src={"https://pivkarta.ru/images/resized/thumb/" + beerimage} alt={beername}/> </> ) } export default BeerPage

const getVariables = (query: ParsedUrlQuery): BeersQueryVariables => { const first = query.first && typeof query.first === 'string' ? parseInt(query.first) : undefined const idbeer:any = query.id return { first, where: { id: idbeer, }, } }

/** * Важно, чтобы все переменные запроса серверные и фронтовые совпадали, * иначе при рендеринге не будут получены данные из кеша и рендер будет пустой. */

const name: any = response.data?.object.name (property) object?: ({ __typename?: "Beer" | undefined; } & Beer_Fragment) | null | undefined Object is possibly 'null' or 'undefined'.ts(2533)

apiProxy onError err Error: getaddrinfo ENOTFOUND pivkarta.ru at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:69:26) { errno: -3008, code: 'ENOTFOUND', syscall: 'getaddrinfo', hostname: 'pivkarta.ru' } /disk480/www/pivkarta.ru/pivo-moscow/server/index.ts:23 res.writeHead(500, { ^ TypeError: res.writeHead is not a function at ProxyServer.onError (/disk480/www/pivkarta.ru/pivo-moscow/server/index.ts:23:9) at ProxyServer.emit (/disk480/www/pivkarta.ru/pivo-moscow/node_modules/http-proxy/node_modules/eventemitter3/index.js:204:33) at ClientRequest.onOutgoingError (/disk480/www/pivkarta.ru/pivo-moscow/node_modules/http-proxy/lib/http-proxy/passes/ws-incoming.js:157:16) at ClientRequest.emit (node:events:379:20) at ClientRequest.EventEmitter.emit (node:domain:470:12) at TLSSocket.socketErrorListener (node:_http_client:494:9) at TLSSocket.emit (node:events:379:20) at TLSSocket.EventEmitter.emit (node:domain:470:12) at emitErrorNT (node:internal/streams/destroy:188:8) at emitErrorCloseNT (node:internal/streams/destroy:153:3) at processTicksAndRejections (node:internal/process/task_queues:81:21) [nodemon] app crashed - waiting for file changes before starting...