GraphQL React
TopicSubArea.tsx import { ApolloClient , gql , InMemoryCache , useQuery } from "@apollo/client" ; import { Delete , Edit } from "@mui/icons-material" ; import { Button , Dialog , DialogActions , DialogContent , DialogContentText , DialogTitle , FormControl , Grid , InputLabel , MenuItem , Select , TextField , Typography } from "@mui/material" ; import { AgGridReact } from "ag-grid-react" ; import React , { useEffect , useState } from "react" ; import apolloClient from "../../helpers/apolloclient.interceptor" ; import { useFormik } from "formik" ; const GET_TOPICSUBAREAS = gql ` query { topicSubArea { topicSubAreaId, topicSubAreaName, topicSubAreaDescription, abbreviation } } ` ; const GET_EVENTLIST = gql ` query { event { eventId eventName } } ` ; const TopicSubAre