он самый

<li style={((breed) == edge.node.breed) ? {} : { display: "none" }}>
К Как решил проблему))

Чем не фильтрация

https://www.gatsbyjs.com/docs/data-fetching/#fetching-data-at-client-side-runtime

Раздел Fetching data at client-side runtime

В общем тебе необходимо уже с клиента делать запрос в рантайме, а не при билде, то есть это дедается так же как в любом React приложении
Можно использовать что угодно для запроса axios, fetch, но лучше Apollo

Спасибо, но мне нужно вот так постоянно фильтровать
https://prnt.sc/ub25lo

То есть от селекта

Типо пропсы перешли к компоненту, где запрос к бд прошел и отфильтровал, хотя может это по производительности хуже чем display: none

Доброе утро
Поменял в apollo client 3 транспорт с http на вебсокеты и при использовании useMutation получаю ошибку:
Must contain a query definition.

Самое интересное, что в базу всё записывается нормально.
Погуглил, такая ошибка происходит тогда, когда отправляешь мутацию через query. В вебсокете это отправляется как query, скриншот прилагается. Как это можно починить?

> когда отправляешь мутацию через query

Это как? Зачем? Выглядит как причина проблемы.

Я так не делаю, я использую обычный хук аполло useMutation. Собственно, всё отлично работало, я изменил только транспорт и больше ничего

Покажи конструктор ApolloClient.

Когда я последний раз пробовал всё слать по сокетам вместо http, у меня ничего не вышло (но это было давно, до 3 версии).

Можно попробовать вот так:

Т.е. использовать SubscriptionsClient как networkInterface в параметрах конструктора ApolloClient.

Используй свитч схемы

Сейчас попробую

const httpLink = new HttpLink({
 uri: 'http://localhost:4000/graphql',
});
const wsLink = new WebSocketLink({
 uri: ws://localhost:4000/subscriptions,
 options: {
   reconnect: true,
 },
});

const link = split(
 ({ query }) => {
   const { kind, operation } = getMainDefinition(query);
   return kind === 'OperationDefinition' && operation === 'subscription';
 },
 wsLink,
 httpLink
);


const client = new ApolloClient({
 link: ApolloLink.from([authLink, link]),
 cache: new InMemoryCache(),
});

Грубо говоря. Тогда будет работать правильно в зависимости от операции

Он хочет всё (и квери, и мутации) по сокетам слать, а не только подписки.