INNER CODE UNIT · JavaScript

IndexPage

hygraph/hygraph-examples · using-order-by-filter/pages/index.js:36

export default function IndexPage({ initialData }) {
  const [orderBy, setOrderBy] = useState('price_ASC');

  const { data } = useSWR(
    [GetProductsQuery, orderBy],
    (query, orderBy) => hygraph.request(query, { orderBy }),
    {
      initialData,
      revalidateOnMount: true,
    }
  );

  return (
    <div>
      <fieldset>
        <legend>Order By</legend>
        <select onChange={(e) => setOrderBy(e.target.value)} value={orderBy}>
          {[

View source record →