import React from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import { QueryClient, QueryClientProvider, useQuery } from 'react-query' import Header from "components/Header/Header.js"; import HeaderLinks from "components/Header/HeaderLinks.js"; import Footer from "components/Footer/Footer.js"; import Parallax from "components/Parallax/Parallax.js"; import styles from "assets/jss/nextjs-material-kit/pages/components.js"; import GetDataYGP from "../../api/product/accessories.js"; import DataYGP from "../../pages-sections/product/ygp.js"; import DataSnackbarContent from "../../pages-sections/snackbar.js"; import Router from 'next/router' const useStyles = makeStyles(styles); const queryClient = new QueryClient(); const handleName = values => { Router.push({ pathname: '/product/ygp', query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{}, }) } const YGP = function ({ selected,ygp, backend, ...props }) { const classes = useStyles(); const { ...rest } = props; return (