Filter graphql data from frontend using react hooks

Question

I have the following React page in Gatsby repo which runs a graphql page query to Netlify CMS to fetch the data :

import styled from \'styled-components\';
im