@font-face {
font-family: "montserrat";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url('../fonts/montserrat-light.eot');
src: url('../fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light.woff2') format('woff2'), url('../fonts/montserrat-light.woff') format('woff');
}
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" href="fonts/montserrat-light.woff" as="font" crossorigin="anonymous">
<link rel="preload" href="fonts/raleway-semibold.woff" as="font" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="css/style.min.css">
<title>Waxom</title>
</head>
<body class="page">
<!-- ++++++++++++ Header ++++++++++++ -->
<header class="header" id="home">
<div class="container header__container d-fl-bw">
<a href="#" class="logo">
<svg class="logo__img" width="63" height="55">
<use xlink:href="img/sprite.svg#logo"></use>
</svg>
<span class="logo__text">Waxom</span>
</a>
<nav class="nav d-fl-bw">
<ul class="menu d-fl-bw">
<li class="menu__item"><a href="#home" class="menu__link">Home</a></li>
<li class="menu__item"><a href="#about" class="menu__link">About us</a></li>
<li class="menu__item"><a href="#portfolio" class="menu__link">Portfolio</a></li>
<li class="menu__item"><a href="#features" class="menu__link">Features</a></li>
<li class="menu__item"><a href="#blog" class="menu__link">Blog</a></li>
<li class="menu__item"><a href="#partners" class="menu__link">Partners</a></li>
<li class="menu__item"><a href="#shortcodes" class="menu__link">Shortcodes</a></li>
<li class="menu__item"><a href="#contact" class="menu__link">Contact</a></li>
</ul>
<button class="btn btn-cart nav__btn-cart">Корзина
<svg class="btn-cart__icon" width="18" height="24">
<use xlink:href="img/sprite.svg#icon-cart"></use>
</svg>
</button>
<form action="#" class="search-form nav__search-form">
<input type="search" class="search-form__input" placeholder="Поиск" name="search-form__input">
<svg class="icon-search" width="24" height="24">
<use xlink:href="img/sprite.svg#icon-search"></use>
</svg>
</form>
<button class="btn mobile-menu">Меню
<svg class="mobile-menu__icon" width="24" height="24">
<use xlink:href="img/sprite.svg#icon-circle-menu"></use>
</svg>
</button>
</nav>
</div>
</html>
то на фронте как написать запрос? - Пишу так
И выдается ошибка:
Error! Response not successful: Received status code 400
Библиотеку подключила
import { gql, useQuery } from "@apollo/client";